스택 (Stack) 데이터를 제한적으로 접근할 수 있는 구조 한쪽 끝에서만 자료를 넣거나 뺄 수 있는 구조 가장 나중에 쌓은 데이터를 가장 먼저 빼낼 수 있는 데이터 구조 큐 : FIFO 정책 스택 : LIFO 정책 1. 스택 구조 스택은 LI...

큐 (Queue) 1. 큐 구조 줄을 서는 행위와 유사 가장 먼저 넣은 데이터를 가장 먼저 꺼낼 수 있는 구조 음식점에서 가장 먼저 줄을 선 사람이 제일 먼저 음식점에 입장하는 것과 동일 FIFO(First-In, First-Out) 또는 LILO(Last-In, Last-Out) 방식으로 스택과 꺼내는 순서...

꼭 알아둬야 할 자료 구조: 배열 (Array) 데이터를 나열하고, 각 데이터를 인덱스에 대응하도록 구성한 데이터 구조 파이썬에서는 리스트 타입이 배열 기능을 제공함 1. 배열은 왜 필요할까? 같은 종류의 데이터를 효율적으로 관리하기 위해 사용 같은 종류의 데이터를 순차적으로 저장 장점: 빠른 접근 가능...

파이썬 시작하기 프로그램설치: anaconda anaconda 란? 파이썬 기본 컴파일러 파이썬 주요 라이브러리 jupyter notebook 등 유용한 툴 참고 컴파일러: 프로그래밍 언어로 작성된 코드를 컴퓨터가 실행할 수 있는 코드로 변환하는...

Express Router 만들기 Router is beginning of url. // server.js const globalRouter = express.Router(); const handleHome = (req, res) => res.send("Home"); globalRouter.get("/", handleHome); const...

미들웨어(Middleware) 개념 middleware 는 request 와 response 사이에 있다. All middlewares are handlers. All controllers are middlewares. (they should have next param and function in handler) They have three a...

Next.js 에서 css 적용하기 Next.js 팁 Library 와 Framework 차이점 Library something that i call i call library to use it. 자유도가 높은대신, 많은 설정을 직접 해주어야 함. 파편화가 될 위험도 있음. Framework ...

절대 경로로 컴포넌트 추가(import) tsconfig.json 파일 수정 TypeScript 가 적용된 Next.js에서 절대 경로를 사용하여 컴포넌트를 추가하기 위해서는, tsconfig.json 파일을 열고 다음과 같이 baseUrl 을 추가한다. { "compilerOptions": { ... "baseUrl":"./" }, ....

리액트 앱 만들기 (CRA) npx create-react-app 앱이름 --template typescript npx 란 ? npx 는 npm 에 내장되어 있는 새로운 명령 기능 가령 create-react-app 이라는 모듈을 사용하기 위해서, 기존의 npm에서는 지역 혹은 전역에 설치했어야 하는데 이러면 패키지의 관리가 힘들어짐,...

Next.js 에 ESLint, Prettier 를 설정하는 방법에 대해 알아보자. ESLint Ecma Script Lint(에러가 있는 코드에 표시를 달아놓는 것) 11.0.0 버전 이후로는 next에 설치가 되어있다. // package.json: "scripts": { "dev": "next dev", "build": "nex...