본문 바로가기

전체 글127

javascript 문자열 자르기 [substr(), substring(), slice()] 자바스크립트에서 문자열을 자르기 위해 아래의 함수를 사용한다. substr() substring() slice() ※ substr()로 문자열 자르기 substr() 메서드는 문자열에서 특정 위치에서 시작하여 특정 문자 수 만큼의 문자들을 반환한다. 즉, 시작위치에서 몇개까지 const str = 'javascript'; console.log(str.substr(0, 3)) // 'jav'; console.log(str.substr(2, 5)) // 'vascr'; console.log(str.substr(4)) // 'script'; 만약 음수가 주어진다면 뒤에서부터 자른다. const str = 'javascript'; console.log(str.substr(-3)) // 'ipt'; console.. 2023. 7. 3.
[Redux-Toolkit] 리덕스 툴킷 기본 이해하기 Redux-Toolkit은 기존의 Redux를 보다 편리하게 사용하기 위해 제공되는 Redux 개발 도구이다. 기존 리덕스의 문제점은 아래와 같다. 스토어 환경이 복잡하다. 리덕스 사용시 많은 패키지를 추가해야한다. 리덕스 보일러플레이트코드를 너무 많이 요구한다 이러한 이슈를 해결 하기 위해 툴킷이 등장했다. Redux-Toolkit설치 # NPM npm install @reduxjs/toolkit #Yarn yarn add @reduxjs/toolkit React와 Redux로 새 앱을 만들기 위해 추천 방법은 Create React App을 위한 공식 Redux + JS템플릿을 사용하는 것이다. npx create-react-app --template redux Redux + TS템플릿 npx cre.. 2023. 6. 30.
[express] express 기본 구조 🤔 기본 구조 코드 생성 1. 프로젝트를 실행하기 위해서 npm init -y를 통해서 package.js를 설치해준다. 2. npm install express 3. node.js에서 진입점이 되는 파일 server.js파일 생성 4. 코드 작성 const express = require('express') //Express 모듈 불러오기 const app = express() //Express 서버를 위한 포트 설정 const port = 3000 //새로운 Express어플 생성 app.get('/', (req, res) => { res.send('Hello World!') }) // '/'이 경로로 요청하면 Hello World를 결과값으로 전달 app.listen(port, () => { con.. 2023. 5. 7.
Node.js 개념 이해하기 🤔 Node.js Node.js는 크롬 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경이다. 노드를 통해 다양한 자바스크립트 애플리케이션을 실행 할 수 있고 서버를 실행하는데 많이 사용된다. Node.js는 자바스크립트로 서버를 구축할 수 있다. V8이라는 자바스크립트 엔진 위에 동작하는 런타임(환경) Node.js는 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 Request처리 성능을 가지고 있다. 더보기 💡Non-blocking은 이전 작업이 완료될 때까지 대기하지 않고 다음 작업을 수행하는 것을 의미한다. 💡단일 스레드는 프로세스의 실행 흐름을 1개로, 한번에 하나의 작업만 실행하는 것을 말한다. 데이터베이스로부터 대량의 데이터를 취득하여 웹페이지에 표시할 때, 일반적.. 2023. 5. 5.
[JS Algorithm] 등수 구하기 🎯 등수 구하기 N(1 2023. 4. 10.
[JS Algorithm] 점수 계산 🎯 점수 계산 OX 문제는 맞거나 틀린 두 경우의 답을 가지는 문제를 말한다. 여러 개의 OX 문제로 만들어진 시험에서 연속적으로 답을 맞히는 경우에는 가산점을 주기 위해서 다음과 같이 점수 계산을 하기 로 하였다. 1번 문제가 맞는 경우에는 1점으로 계산한다. 앞의 문제에 대해서는 답을 틀리다가 답이 맞는 처음 문제는 1점으로 계산한다. 또한, 연속으로 문제의 답이 맞는 경우에서 두 번째 문제는 2점, 세 번째 문제는 3점, ..., K번째 문제는 K점으로 계산한다. 틀린 문제는 0점으로 계 산한다. 예를 들어, 아래와 같이 10 개의 OX 문제에서 답이 맞은 문제의 경우에는 1로 표시하고, 틀린 경 우에는 0으로 표시하였을 때, 점수 계산은 아래 표와 같이 계산되어, 총 점수는 1+1+2+3+1+2=.. 2023. 4. 10.