JS 코딩테스트 문제 js 알고리즘 App Router nextjs 14 Tailwind css react NextJs DFS JS 스택 프로그래머스 SSR git prettier eslint 깊이우선탐색 BFS tailwind.config Soft Navigation Parallel Routes Private Folders Route Groups Colocation event.preventDefault() 이진 탐색 코딩테스트 TypeScript github 버블정렬 큐 Streaming Redux Promise URI TS 재귀 환경변수 HTTP uncontrolled components vaildation shadcn/ui form optional properties 객체 리터럴 패턴 (object literal pattern) 배낭(knapsack) 알고리즘 동적계획법(dynamic programming) preload 패턴 parallel data fetching(병렬 데이터 가져오기) sequential data fetching(순차 데이터 가져오기) tailwind css prefix screen() theme() @config @apply @tailwind @layer arbitrary variants arbitrary properties arbitrary values tailwind.config.js dark: prefers-color-scheme tailwind css breakpoint tailwind css 반응형 디자인 의사 요소(pseudo-elements) 의사 클래스(pseudo-classes) utility-first utility classes git config commit.template git config core.editor .gitmessage.txt 코테 오답노트 상태트리 탐색 queue 큐 후속 탐색 (Subsequent Navigations) RSC 페이로드(React Server Component Payload) 전체페이지 로드 (Full page load) Client Components 동적 랜더링 (Dynamic Renderin) 정적 랜더링 (Static Rendering) Server Rendering Strategies RSC Payload Server Components Server Actions React.cache Time-based revalidation 재검증(revalidating) 캐싱(cashing) cashing Intercepting Routes Hard Navigation default.js 메모지에이션을 위한 2차원 배열 생성 재귀 함수가 값을 반환받는 형태 메모지에이션 Path Aliases next/navigation redirect() next/headers headers() NextRequest next/headers cookies() route.js Route Handlers global-error.js Link Component navigating Router Cache Partial Rendering Selective Hydration Streaming Server Rendering template.js page.js layout.js InterceptingRoutes Component Hierarchy nextjs App router 후위식 연산 startTransition() forwardRef() <StrictMode> <Profiler> React 18.2 React Event Delegation React 이벤트 위임 EventPool Promise 재귀함수 처리 npx create-next-app vite path alias react public react 정적 파일 JS 코딩테스트 슬라이딩윈도우(Sliding Window) RegExp.prototype.test() RegExp.prototype.exec() JS 정규 표현식 메서드 정규식 캡처 기능 정규식 그룹 패턴 정규 표현식 플래그 new RegExp() 정규 표현식(Regular Expression) REST(Representational State Transfer) Event.stopPropagation() Event Delegation (이벤트 위임) 캡처링(Event Capturing) 버블링(Event Bubbling) Event Queue(Task Queue) Call Stack(호출 스택) 이벤트 루프(Event Loop)와 동시성(Concurrency) 모듈 패턴(Module Pattern) 정보 은닉(information hiding) Object.create() 프로토타입 패턴 상속 (Prototypal Inheritance) 의사 클래스 패턴 상속 (Pseudo-classical Inheritance) JS 상속(Inheritance) 활성 객체(Activation object) 스코프 체인(scope chain) 자유변수(Free variable) Lexical environment/scope 클로저(closure) 화살표함수 this Scope-Safe Constructor 생성자 함수 this 콜백 함수 this 내부 함수 this 메서드 this 함수 this js bind js call js apply 지역 스코프 (Local scope or Function-level scope) 전역 스코프 (Global scope) Immediately-Invoked Function Expression) 즉시 실행 함수(IIFE 암묵적 전역(implicit global) 렉시컬 스코프(Lexical scope) 비 블록 레벨 스코프(Non block-level scope) 함수 레벨 스코프(function-level scope) 블록 레벨 스코프(block-level scope) JS 스코프(Scope) 객체 리터럴 방식 객체의 프로토타입 체인 생성자 함수와 객체의 프로토타입 체인 [[Prototype]] JS 프로토타입(Prototype) Function.prototype.call Object.prototype.toString 동적 타입(dynamic typed) 즉시 실행 함수(IIFE: Immediately Invoke Function Expression) 익명 함수 표현식(anonymous function expression) 기명 함수 표현식(named function expression) 익명함수(anonymous function) 함수 표현식(Function expression) 함수 선언문(Function declaration) DOM (Document Object Model) BOM (Browser Object Model) Standard Built-in Objects (or Global Objects) Built-in Object(내장 객체) 대괄호([]) 표기법 마침표(.) 표기법 JS 객체(Object) CSS 파서 HTML 파서 브라우저 동작 원리 인스턴스 기반(instance-based) 프로토타입 지향(prototype-oriented) 클래스리스(class-less) 프로토타입 기반 프로그래밍(Prototype-based Programming) 함수형 프로그래밍(Functional Programming) 명령형 프로그래밍(Imperative Programming) CSS flex-box viewport meta tag 반응형 웹디자인(Responsive Web Design) 3D 트랜스폼 (3D Transform) 2D 트랜스폼 (2D Transform) CSS 트랜스폼(Transform) animation-fill-mode animation-direction animation-delay animation-timing-function animation-duration animation-name CSS 애니메이션(Animation) 트랜지션 (transition) 벤더 프리픽스(Vendor Prefix) CSS 속성 적용 우선 순위(Cascading) CSS 속성 상속(Inherit) word-break: break-all font Shorthand background Shorthand child 와 -of-type 차이 가상 요소 셀렉터 (Pseudo-Element Selector) 가상 클래스 셀렉터 (Pseudo-Class Selector) 일반 형제 셀렉터 (General Sibling Combinator) 인접 형제 셀렉터 (Adjacent Sibling Combinator) 자식 셀렉터 (Child Combinator) 후손 셀렉터 (Descendant Combinator) 복합 셀렉터 (Combinator) 어트리뷰트 셀렉터 (Attribute Selector) rel="noopener noreferrer" Tabnabbing 피싱 공격 ol type hyperlink 태그 mark tag del tag ins tag sub / sup tag hr tag q tag blockquote tag HTML 기본 태그 시맨틱 웹(Semantic Web) 결정알고리즘 error.js loading.js event-driven express Application express() next/image 외부경로 images.remotePatterns next.config next/image Un-configured Host sequlize findOne tsconfig-paths tsc-alias event.key event.which endOfLine: 'auto' Delete `␍` eslint (prettier/prettier) plugin:prettier/recommended eslint-plugin-prettier eslint-config-prettier arrow-body-style implicit-arrow-linebreak maxlen Tailwind CSS IntelliSense custom carousel svg object-fit viewBox preserveAspectRatio next Routing legacyBehavior passhref HTTP 3xx Location res.writeHead getServerSideProps 페이지 이동 next-wrapper getServerSideProps next-wrapper HTTP Referer HTTP Location HTTP 전송방식 RFC7230 RFC2616 프록시 캐시 WWW-Authenticate Cacheable Methods Idempotent Methods Safe Methods HTTP form 비지속 연결 js DocumentFragment js 위임 js delegate requestAnimationFrame js repaint js reflow js 버블링 js 캡처링 js 이벤트 흐름 js hoisting js super() js construtor() js class 상속 js 클래스 js class js 생성자 훔치기 js 프로토타입상속 js supertype js subtype js 상속 js 생성자 js closure js 타입 on-demand revalidation js 코테 신고 결과 받기 코테 문자열나누기 코테 둘만의 암호 문제 코테 개인정보 수집 유효기간 문제 github GPG 키 인증 github ssh 인증 git Issue set 메서드 js set git bisect 3-way-merge fastforward git hunk next layout nextjs css 웹 브라우저 요청 흐름 js bom next/link next-redux-wrapper git restore ChatGPT Git Convention git hooks animation-play-state react inline style react hook form nested routes tsx 그림자 속성 개발자 짤 프로젝트조짐 Autoprefixer 함수 호이스팅 syntheticEvent ts-node 해쉬 맵 조건부 요청 검증 헤더 redux-actions 지속 연결 웹팩오류 useSelecter 이슈보고서 prototype chain URI 설계 JS 프로토타입 callback() useRef() createRef() 웹 개발 지식 Dynamic Routes Redux toolkit react-hook-form HTTP 캐시 SEMANTIC 태그 connectionless error boundary github cli github actions semantic tag getServerSideProps pass-by-value pass-by-reference git cherry-pick 인터넷 네트워크 HTTP 헤더 HTTP API HTTP 쿠키 controlled components Content Negotiation align-items git reflog flex-basis flex-shrink flex-grow align-self align-content event.currentTarget 캡슐화(encapsulation) cross-env 이진트리 순회 전개연산자 Next.js microtask queue useReducer Git pull request HTTP 메서드 styled-component 다크 모드 git commit message animation-iteration-count __proto__ 번들러 dotenv spread operator text-overflow:ellipsis HTTP 메시지 code splitting flex-direction 인터넷 통신 Syntactic Sugar octotree JS array js prototype 미로탐색 useMemo useCallback useEffect useRef useState git rebase 투포인터 flex-wrap @keyframes git clean git stash .env git fork 코딩 테스트 css transform slots stateful stateless pre tag prefetching 너비 우선 탐색 transition-delay transition-timing-function transition-duration transition-property git merge array 메서드 넓이 우선 탐색 webpack MPA background-attachment background-position 객체 리터럴 인접행렬 파스칼 삼각형 callback 함수 event.keyCode background-size Github Pages nodemon Reset() rest api decodeURIComponent autoboxing transform-origin Skew await 이항정리 이항계수 section 태그 optgroup 태그 link 태그 legend 태그 head 태그 fieldset 태그 article 태그 git blame white-space git branch git tag git pull git push git remote git diff git log event.target git commit media query decodeURI http method 슬라이딩 윈도우 후위순회 전위순회 중위순회 @media node.js nodejs async cloneNode text-align 이진트리 자바스크립트 엔진 letter-spacing background-repeat background-image 렌더링 엔진 LF 선택정렬 URN i tag Viewport 재귀함수 서버 렌더링 Vite meta 태그 rotate immer 순열 onkeydown text-overflow encodeURIComponent encodeURI Store 디코딩 TRANSITION svg Zod SPA CRLF udp CSS 선택자 구체화 cr Ref Buffer translate typeof express stack CSR 해쉬 유희 fetch Document Hook port 메타데이터 Collection word-wrap 추상화 유효성 검증 instanceof constructor key word-break Authorization Scale 그래프 Caching 모듈 정규식 Filter DTD TCP/IP map 인코딩 URL 그림 SEO CSS dns JavaScript