본문 바로가기

분류 전체보기

(1092)
WIL(22.09.11) 내가 배운것 Nomad Coders - NextJS 시작하기 자료구조와 알고리즘 차주에 진행할 것 이직 준비 프로그래머스 문제 풀이 Nomad Coders - React JS 마스터클래스 완강 Effective TypeScript 팀 개발을 위한 Git, GitHub 시작하기 React 공식 문서 읽기 앞으로 진행할 것 React 벨로퍼트와 함께하는 모던 리액트 Hook Redux TypeScript OPP Design Pattern Test 시각적 회귀 Refactoring(마틴 파울로) 2판 읽기 외출난이도 리팩터링
자료구조와 알고리즘 - 객체 본 내용은 프로그래머스의 코딩테스트 광탈 방지 A to Z : JavaScript 강의를 토대로 작성하였습니다. 1. 객체란? 객체는 여러 값을 key-value로 결합시킨 복합 타입 2. JavaScript에서의 객체 생성 방법 // 1. 생성자 함수를 사용하여 만들기 const exampleObj1 = new Object(); ​ // 2. 객체 리터럴 const exampleObj2 = {}; 객체 요소 추가 방법 const exampleObj = {}; ​ // 1. 중괄호를 사용하기 exampleObj["name"] = 'siru'; ​ // 2. 점 사용하기 exampleObj.isCat = true; 객체 요소 삭제 방법 const exampleObj = { name: 'siru', isCa..
자료구조와 알고리즘 - 배열 본 내용은 프로그래머스의 코딩테스트 광탈 방지 A to Z : JavaScript 강의를 토대로 작성하였습니다. 1. 배열이란? 순차 리스트라고도 불림 연관된 데이터를 연속적인 형태로 구성 배열의 원소는 순서 대로 번호(index)가 붙음 2. 배열의 특징 고정된 크기를 가짐 보통은, 동적으로 크기를 늘릴 수 없음 반면, JS와 같은 스크립트 언어는 동적으로 크기가 증감 index를 사용하여 해당 index에 해당하는 원소에 접근할 수 있음 상수시간이 걸림(O(1)) 원소를 삭제하면, 해당 index의 자리는 비게 됨 빈 자리를 채우기 위해서 뒤의 요소들 하나하나를 순차적으로 앞으로 당겨 채우게 됨 삭제 후 순서를 맞추려면 O(n)이 소요됨 배열의 요소를 추가하는 경우도 이와 같아, O(n)이 소요 됨 ..
자료구조와 알고리즘 - 자료구조와 알고리즘이란, 자료구조의 종류, 시간 복잡도 본 내용은 프로그래머스의 코딩테스트 광탈 방지 A to Z : JavaScript 강의를 토대로 작성하였습니다. 1. 자료구조와 알고리즘이란 자료구조와 알고리즘을 올바르게 사용하면 좋은 프로그램을 만들 수 있음 자료구조 메모리를 효율적으로 사용하고 안정적으로 데이터를 처리 스택, 큐, 그래프, 트리 등 특정 상황에서 유용한 자료구조가 있음 상황에 맞게 적절하게 선택 알고리즘 특정 문제를 효율적이고 빠르게 해결하는 것이 궁극적인 목표 정해진 일련의 절차와 방법을 공식화한 형태로 표현 이진탐색, 최단거리 탐색, DFS, BFS 2. 자료구조의 종류 단순 구조 정수, 실수, 문자열, 논리 선형 구조 배열, 연결 리스트, 스택, 큐 비선형 구조 트리, 그래프 선형 구조 자료들이 선형으로 나열 배열, 연결 리스트..
NextJS(5) - Patterns, Head Component 본 내용은 Nomad Coders - NextJS 시작하기 강의를 토대로 작성하였습니다. 1. Patterns Layout Pattern Layout 컴포넌트란 페이지들의 전반적인 Layout 정의(Navigation 등) global로 import할 것들을 불러옴(Google Analytics, SEO 관련 모듈 등) Global style 적용 정의한 Layout component를 App Components에서 불러오기 import NavBar from "../components/NavBar"; ​ export default function Layout({ children }) { return ( {children} ); } 2. Head Component NextJS에서 Head를 관리하기 위한 ..
NextJS(4) - Global Style, App Components 본 내용은 Nomad Coders - NextJS 시작하기 강의를 토대로 작성하였습니다. 1. Global Style Style Jsx를 Global하게 적용 가능 App Components에서 사용해야 모든 페이지에서 적용됨 NextJS의 각 페이지는 독립적이기 때문 2. App Components 어떤 컴포넌트의 청사진(템플릿) 프레임워크 내에 포함된 기능 렌더링 되기 전에 먼저 보는 컴포넌트 _app.js 형식의 네이밍 NextJS에서는 Global.css를 import할 수 없음 반드시 module이어야 함 App Components에서는 Global.css를 import할 수 있음 Styles JSX Global 또한 적용 가능 // NextJS는 페이지를 렌더링하기 전 자동적로 이 컴포넌트를 ..
NextJS(3) - Routing, CSS Modules, Styles JSX 본 내용은 Nomad Coders - NextJS 시작하기 강의를 토대로 작성하였습니다. 1. Routing NextJS 어플리케이션에서 a태그를 네비게이팅에 사용하면 안 됨 a태그로 인한 이동은 전체 어플리케이션이 새로고침 됨 NextJS에서 앱 내에 네비게이팅에 사용해야만하는 컴포넌트가 있음 Link 컴포넌트 router 관련 proptery, function을 사용하기 위해서는 useRouter Hook을 사용 import Link from "next/link"; import { useRouter } from "next/router"; ​ export default function NavBar() { // NextJS에서 제공하는 라우터 훅 // location에대한 정보 // path, back,..
WIL(22.09.04) 내가 배운것 Nomad Coders - NextJS 시작하기 Nomad Coders - TypeScript로 블록체인 만들기 Jest, RTL 차주에 진행할 것 이직 준비 프로그래머스 문제 풀이 Nomad Coders - React JS 마스터클래스 완강 Effective TypeScript 팀 개발을 위한 Git, GitHub 시작하기 React 공식 문서 읽기 앞으로 진행할 것 React 벨로퍼트와 함께하는 모던 리액트 Hook Redux TypeScript OPP Design Pattern Test 시각적 회귀 Refactoring(마틴 파울로) 2판 읽기 외출난이도 리팩터링