본문 바로가기

분류 전체보기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.