개발자로 전직하자

10주차엔 어떤것들을 배웠나? [TIL] 41 ~ 44일차(20240213 ~ 16) - Node.js / Express.js / 테이블설계 : https://gaebalsaeval.tistory.com/55 [TIL] 41 ~ 44일차(20240213 ~ 16) - Node.js / Express.js / 테이블 설계, ORM - PQ, Prisma #1 Node.js Typescript 기반 Node 개발환경 세팅하기 git 세팅 git init touch .gitignore // .gitingnore 내부 작성 node_modules dist Node환경 세팅 npm init -y npm i -D typescript @types/node concurrently npx tsc --init // pac..

#1 Node.js Typescript 기반 Node 개발환경 세팅하기 git 세팅 git init touch .gitignore // .gitingnore 내부 작성 node_modules dist Node환경 세팅 npm init -y npm i -D typescript @types/node concurrently npx tsc --init // package.json`에 script 작성 "scripts": { "dev": "concurrently \"tsc --watch --project tsconfig.json\" \"node --watch dist/app.js\"", "build": "tsc --project tsconfig.json", "start": "node dist/app.js" } /..

9주차엔 어떤것들을 배웠나? [TIL] 37 ~ 40일차(20240205 ~ 08) - Git, TypeScript / Next.js : https://gaebalsaeval.tistory.com/53 [TIL] 37 ~ 40일차(20240205 ~ 08) - Git, TypeScript / Next.js #1 Git 복습 Staging Area : 작업한 파일들을 커밋하기 전에 검토하고 준비하는 임시 공간. 이곳에서 커밋할 파일을 선택하고, 커밋 메시지를 준비할 수 있음. Branch : Branch는 코드를 여러 버전으로 나 gaebalsaeval.tistory.com 실습 위주로 정신 없이 배우다보니 하루에 한 번씩 TIL을 쓰는데 어려움이 있어서 1주에 한 번씩 쓰기로 변경했다. 그럼 WIL아닌가..

#1 Git 복습 Staging Area : 작업한 파일들을 커밋하기 전에 검토하고 준비하는 임시 공간. 이곳에서 커밋할 파일을 선택하고, 커밋 메시지를 준비할 수 있음. Branch : Branch는 코드를 여러 버전으로 나누어 독립적으로 작업할 수 있는 기능. 각각의 브랜치는 서로 영향을 주지 않으며, 다양한 기능 개발 및 테스트에 유용. 주요 명령어 git init : 디렉터리에 .git 디렉터리를 생성, .git 디렉터리가 있으면 git이 저장소로 인식. git add : git에서 추적중인 파일들의 변경사항을 staging 상태로 올림. 아직 추적중이지 않은 파일들이라면 추적을 시작하고 변경사항을 staging 상태로 올림. git commit : Staging 영역에 있는 변경사항들은 하나의 ..

8주차엔 어떤것들을 배웠나? [TIL] 32일차(20240129) - [React] 기초 익히기 : https://gaebalsaeval.tistory.com/47 [TIL] 32일차(20240129) - [React] 기초 익히기 #1 React 입문 React란? 리액트는 UI(사용자 인터페이스) 제작을 도와주는 자바스크립트 라이브러리. 자바스크립트 라이브러리이기 때문에 cdn 등을 활용해서 간단히 사용해 볼 수 있음. React 탄생 이 gaebalsaeval.tistory.com [TIL] 33일차(20240130) - [React] 기초 익히기-2 : https://gaebalsaeval.tistory.com/48 [TIL] 33일차(20240130) - [React] 기초 익히기-2 #1 Re..

#1 ContextAPI로 로그인 상태관리 import React, { createContext, useMemo, useState } from "react"; const initialAuthContextValue = { isLoggedIn: false, toggleLogIn: () => {}, userId: null, setUserId: () => {}, }; export const AuthContext = createContext(initialAuthContextValue); export function AuthProvider({ children }) { const [isLoggedIn, setIsLoggedIn] = useState(false); const [userId, setUserId] = us..

#1 Redux Redux 설치 Redux 설치 : https://redux.js.org/ Redux - A predictable state container for JavaScript apps. | Redux A predictable state container for JavaScript apps. redux.js.org React Redux 설치 : https://react-redux.js.org/ React Redux | React Redux Official React bindings for Redux react-redux.js.org Redux란? Redux는 JavaScript 애플리케이션의 상태 관리를 위한 예측 가능하고 중앙 집중화된 상태 컨테이너 라이브러리. Redux는 React를 비롯한..

#1 Routing 구현 React Router 공식 홈 : https://reactrouter.com/en/main Home v6.21.3 | React Router I'm on v5 The migration guide will help you migrate incrementally and keep shipping along the way. Or, do it all in one yolo commit! Either way, we've got you covered to start using the new features right away. reactrouter.com React Router는 React에서 페이지 라우팅을 구현하기 위한 대표적인 라이브러리. SPA(Single Page Applicatio..