- 전체보기(296)
- TIL(110)
- redux(7)
- FE(6)
- 타입스크립트(5)
- typescript(5)
- frontend(5)
- CSS(4)
- 프론트엔드(4)
- 미들웨어(4)
- html(4)
- call(3)
- 알고리즘(3)
- 프로그래머스(3)
- js(3)
- React(3)
- apply(3)
- recursion(3)
- redux saga(3)
- 리덕스(3)
- bind(3)
- Saga(3)
- ts(2)
- tree(2)
- reduce(2)
- 토이프로젝트(2)
- 프로세스(2)
- 타입(2)
- ESLint(2)
- event loop(2)
- 카카오 코딩테스트(2)
- 개발자(2)
- State(2)
- promise(2)
- 프로토타입 체이닝(2)
- 클로저(2)
- this(2)
- 브라우저(2)
- 웹브라우저 동작(2)
- Graph(2)
- redux-middleware(2)
- rtk(2)
- 프로토타입(2)
- Fetch(2)
- project(2)
- Tower of Hanoi(2)
- linked list(2)
- middleware(2)
- web browser(2)
- 플젝(2)
- 리덕스 사가(2)
- 스코프(2)
- 카카오(2)
- Prototype(2)
- 우선순위큐(2)
- input 빨간줄(1)
- prototype property(1)
- 브라우저 동작원리(1)
- 취업후기(1)
- currying vs closure(1)
- function(1)
- 클로저 vs 커링(1)
- React.memo(1)
- 취업(1)
- 프로토타입 프로퍼티(1)
- 리덕스 장단점(1)
- NFT 사는이유(1)
- HA(1)
- react darkmode(1)
- toy project(1)
- NFT란(1)
- 취준생(1)
- asynchronous(1)
- git pull vs git fetch(1)
- web(1)
- 콜백지옥(1)
- resolve(1)
- npm install --save -dev(1)
- react hook componentDidMount(1)
- algorithm jobs(1)
- 클론코딩(1)
- 하노이의탑(1)
- 문자열 공백제거(1)
- adjacency matrix vs adjacency list(1)
- video(1)
- swr(1)
- day5(1)
- 프로그래머(1)
- 리덕스 쓰는 이유(1)
- 비전공 개발(1)
- 자바스크립트 실행과정(1)
- day9(1)
- console.table(1)
- data fetching(1)
- 자료구조(1)
- 인라인블록(1)
- social-login(1)
- 스피너(1)
- 세션vs토큰(1)
- API(1)
- Sequelize(1)
- requestAnimationFrame(1)
- @media only screen(1)
- 비전공자(1)
- Event Queue(1)
- ncsoft면접(1)
- 페어프로그래밍(1)
- 비디오태그(1)
- rtk 미들웨어(1)
- alias(1)
- V8엔진(1)
- OOP(1)
- Restful(1)
- redux thunk(1)
- 희소성(1)
- 멀쩡한 사각형(1)
- http(1)
- 개발자의 조건(1)
- 취뽀(1)
- setTimeout 매개변수 특징(1)
- react 기초(1)
- Context Switching(1)
- 동기화(1)
- ncsoft(1)
- stack(1)
- queue(1)
- 호이스팅(1)
- redux-basic(1)
- redux-saga vs redux-thunk(1)
- git commit 되돌리기(1)
- simple component vs class component(1)
- 프로그래머스 멀쩡한 사각형(1)
- react router dom(1)
- 개발(1)
- type alias(1)
- 인접리스트(1)
- setState이유(1)
- browser(1)
- heap(1)
- 세션(1)
- 쿠키(1)
- twittler(1)
- javascript runtime(1)
- 반응형(1)
- 프로그래머스 양궁대회 js(1)
- input focus on(1)
- 웹페이지vs웹사이트vs웹브라우저vs웹서버(1)
- lifecycle(1)
- 코딩테스트(1)
- springifyJSON(1)
- input focus out(1)
- 웹개발(1)
- Object.fromEntries(1)
- ssl(1)
- RTK Query(1)
- Optional Type(1)
- git commit 합치기(1)
- 양궁대회(1)
- redux하드코딩(1)
- rest parameter(1)
- state끌어올리기(1)
- 주차요금계산(1)
- 제곱수의합(1)
- 스코프체인(1)
- 리덕스툴킷(1)
- day8(1)
- 비전공자 개발자(1)
- 인라인요소(1)
- 취준(1)
- pull 대신 덮어쓸 때(1)
- 알고리즘 잡스 후기(1)
- readonly type(1)
- call stack(1)
- Spread Syntax(1)
- 깃 잔디심기(1)
- 스케줄링(1)
- 깃 커밋 되돌리기(1)
- input(1)
- 개발자 합격(1)
- 튜플(1)
- 객체지향 프로그래밍(1)
- 고급언어(1)
- 알잡(1)
- HashRouter(1)
- 알고리즘 잡스 수료생(1)
- server state(1)
- text overflow(1)
- dotenv(1)
- BFS vs DFS(1)
- 프로세스 동기화(1)
- img tag(1)
- favicon.ico(1)
- 토이 프로젝트(1)
- div span(1)
- inorder(1)
- focus out(1)
- 자바스크립트 파싱(1)
- 객체 상속(1)
- this in node.js(1)
- Blocking(1)
- 프리코스를 마치며(1)
- 하노이의탑 재귀함수(1)
- Fetch API(1)
- reject(1)
- git conflict(1)
- 알고리즘 잡스(1)
- NFT 정의(1)
- 비동기(1)
- 바이너리힙(1)
- stack frame(1)
- react세팅(1)
- CODESTATES(1)
- lib(1)
- 바이너리 서치(1)
- Flex(1)
- JavaScript(1)
- module.exports(1)
- hybrid vs native vs web(1)
- 고차함수(1)
- react 정리(1)
- MIN_VALUE(1)
- sequelize-cli(1)
- 하노이의 탑 최소 시행(1)
- 힙vs트리(1)
- git diff(1)
- day2(1)
- 프로그래머의 뇌(1)
- placeholder.com(1)
- 신입공채(1)
- keydown(1)
- 동기 비동기(1)
- Flexbox(1)
- 웹브라우저(1)
- git flow(1)
- eval(1)
- ncsoft 신입(1)
- Object.create(1)
- git checkout(1)
- span(1)
- div(1)
- [[scopes]](1)
- selector(1)
- session vs token(1)
- 기계어(1)
- VOID(1)
- codestates HA(1)
- 코딩테스트 학원(1)
- d.ts(1)
- 자바스크립트(1)
- 블라인드(1)
- 파라미터(1)
- git log(1)
- any(1)
- Time Complexity(1)
- https(1)
- Route(1)
- JWT(1)
- find(1)
- redux-toolkit(1)
- video tag(1)
- 하반기(1)
- strict vs non-strict(1)
- favicon(1)
- big o notation(1)
- 테이블 태그(1)
- replace(1)
- 어셈블리어(1)
- 개발자취준(1)
- git github(1)
- span div(1)
- day6(1)
- thunk(1)
- crop vs resize(1)
- 코테(1)
- javscript 예외처리(1)
- filter(1)
- imperative vs declarative(1)
- 개발직(1)
- 크립토펑크(1)
- Link to(1)
- img 태그(1)
- 선언형 vs 절차형(1)
- 웹브라우저 동작원리(1)
- calc()(1)
- 선언형 vs 명령형(절차형)(1)
- push redirect(1)
- npm install --save(1)
- 인풋 빨간줄(1)
- 리액트 개발자 로드맵(1)
- edge(1)
- 이미지 태그(1)
- setTimeout this(1)
- data type(1)
- git merge(1)
- callback Hell(1)
- 소셜로그인(1)
- 재귀함수(1)
- react-query(1)
- cra 프로젝트 세팅(1)
- 토이플젝(1)
- nQueens마무리(1)
- git contribution(1)
- input red(1)
- 하노이의 탑 일반항 구하기(1)
- inline block(1)
- 함수(1)
- 변수의 유효범위(1)
- keyCode(1)
- caniuse(1)
- arguments 객체(1)
- 코드스테이츠(1)
- 크기별이미지파일생성(1)
- DOM(1)
- circular queue(1)
- Defer vs Async(1)
- div vs span(1)
- spinner(1)
- git HEAD(1)
- 예외처리(1)
- 깃헙 정리(1)
- 코딩테스트 준비(1)
- day7(1)
- 선택자(1)
- 카카오 기출(1)
- CSS Module(1)
- 선배 멘토링(1)
- memory heap(1)
- git branch(1)
- object.entries(1)
- this 바인딩(1)
- repaint()(1)
- setTimeout 복습(1)
- singly linkedlist(1)
- day3(1)
- 습관(1)
- css선택자(1)
- input focus in(1)
- 텍스트 축약(1)
- getElementByClassName(1)
- 구조 분해 할당(1)
- 블록요소(1)
- block(1)
- day10(1)
- NEGATIVE_INFINITY(1)
- onsubmit(1)
- linux find(1)
- README.md(1)
- inline(1)
- git reset(1)
- 도전(1)
- inline vs block(1)
- day4(1)
- this with 화살표함수(1)
- day1(1)
- 병뚜껑 업다운(1)
- 크기별(1)
- infinite scroll(1)
- git workflow(1)
- Table(1)
- 재귀(1)
- git잔디심기(1)
- 공채(1)
- 제곱수의 합(1)
- 렌더링 과정(1)
- Then(1)
- 실행 컨텍스트(1)
- 옵셔널 타입(1)
- unknown(1)
- doubly linked list(1)
- prop-type(1)
- window.location.search(1)
- git checkout -b(1)
- interpreter vs compiler(1)
- github(1)
- prototype chaining(1)
- random(1)
- ncsoft 개발(1)
- 렌더링 원리(1)
- 화살표함수 복습(1)
- Binary Search(1)
- 백준(1)
- 이진탐색(1)
- 신입(1)
- 빅 오 노테이션(1)
- call signatures(1)
- JSX(1)
- axios vs fetch(1)
- 동작원리(1)
- cookie(1)
- 취업팁(1)
- 스케줄러(1)
- 활성객체(1)
- input options(1)
- CORS & npx serve(1)
- 일급객체(1)
- Map(1)
- airbnb convention(1)
- Math.random(1)
- 그래프(1)
- 토큰(1)
- CRUD(1)
- 자료형(1)
- Binary Search Tree(1)
- Hash Table(1)
- 이미지파일생성(1)
- Today I learned(1)
- 개발자 취업(1)
- css가상클래스(1)
- Props(1)
- diary(1)
- table tag(1)
- uri 파라미터(1)
- rtk middleware(1)
- onFocus(1)
- prototype 객체(1)
- cra project setting(1)
- 멀쩡한 사각형 파이썬(1)
- 시간 복잡도(1)
- js engine(1)
- 변수객체(1)
- reflow(1)
- 파이썬(1)
- 브라우저지원(1)
- 힙(1)
- grid(1)
- onblur(1)
- 코딩테스트 대비(1)
- max-width(1)
- 운영체제(1)
- binary heap(1)
- data structure(1)
- closure(1)
- day 11(1)
- document object(1)
- 인접행렬(1)
- NFT(1)
- 윈도우에서 react(1)
- promise.all(1)
- tuple(1)
- 토이(1)
- children(1)
- 카카오-코테(1)
- css레이아웃(1)
- children vs childNodes(1)
- Web API(1)
- authentication(1)
- never(1)
- childNodes(1)
- scope(1)
- parseJSON(1)
- git(1)
- 스레드(1)
- logN 시간복잡도(1)
- spell check(1)
[FE] Without Redux MiddleWares
: 이 글 이전에 2개의 포스팅을 하면서 Redux MiddleWare에 대해서 열심히(?) 알아봐놓고 갑자기 middleware 없이?에 대한 주제로 글을 써본다. 여담이지만 Frontend 개발 시장의 변화 속도는 너무 빨라서 비유적으로 표현해보면 나는 이전 프로젝
[FE] Redux-saga vs RTK Middleware
Despite its simplicity, thunks have limitations. One of the most cited limitations is the inability to run code in response to dispatched actions or s
[FE] Redux-Thunk vs Redux-Saga
: 흔히 redux의 비동기 처리 로직 혹은 사이드 이펙트를 처리하기 위한 용도로 redux-thunk나 redux-saga를 많이 사용한다. 이번 포스팅에서는 앞서 말한 redux와 연관되는 라이브러리가 필요한 이유부터 시작해서 각 라이브러리의 장단점을 가지고 서로를
[FE] Redux를 쓰는 이유
: 본래 React를 쓰면서 'state 끌어올리기'에 부담을 느끼거나, 불필요한 props drilling 등이 이슈가 되면서 전역적인 state 관리법이 필요해졌고, 그에 대한 해답(?)으로 나온 것이 Redux라고 할 수 있다(React + Flux 패턴). 하지
[Toy Project] 점진적 과부하 사이트 - 13
최종 마무리 사항env 파일에 firebase config 파일 넣기핸드폰 기종별 반응형 UI 완성error 처리React Native 플젝 만들고, web view 심기배포
[Toy Project] 점진적 과부하 사이트 - 12
recordModal 에서 이전 기록을 수정할 수 있도록 하는 기능workout 단위로 삭제할 수 있는 기능운동 이름 바꾸기 or 특정 운동 기록 자체를 삭제(예를 들어, 푸시업을 했으면 푸시업 set를 전부 삭제)set 수정 및 삭제(kg, reps를 수정할 수 있음
[Toy Project] 점진적 과부하 사이트 - 11
recordModal 에서 이전 기록을 수정할 수 있도록 하는 기능workout 단위로 삭제할 수 있는 기능운동 이름 바꾸기 or 특정 운동 기록 자체를 삭제(예를 들어, 푸시업을 했으면 푸시업 set를 전부 삭제)set 수정 및 삭제(kg, reps를 수정할 수 있음
[Toy Project] 점진적 과부하 사이트 - 10
기기마다 UI가 다르다 같은 UI를 제공하는 방향으로 코드 수정서버에서 받은 record를 수정할 수 있도록 해야함(이게 1순위 기능)infinite scroll로 전체 보는 기능도 있으면 좋을듯(후순위)회원가입을 할 때 이메일 인증 기능을 넣던지 & 소셜 로그인 기능
[Toy Project] 점진적 과부하 사이트 - 9
: 일단 이제야 이걸 마무리하러 돌아왔다는 내 자신에게 반성의 시간을 잠시 갖고,, 는 과거는 빠르게 잊고 !records에 있는 workout을 수정할 수 있도록 하기check Records 아래에 가장 최근 기록을 출력하도록 하기달력 input을 넣어서 달력을 통해
[WEB3.0] NFT란
NFT의 소유권 & 저작권 : 먼저 NFT를 구매하게 된 구매자는 특정한 자산의 '소유권'을 사게되는 것이다. 이 소유권에 대해서 먼저 알아보자. NFT란? : 하지만, 그 전에 NFT가 뭔지 간단하게 알아보자. 본래 너무나도 기본적인 경제 원칙으로 '가격'이란 것
[TypeScript] lib, d.ts
: 위의 상황은 뭘 나타낼까 ?상황 : 우리는 자바스크립트로 개발을 할 때 다양한 외부 API(ex DOM API)를 가져다 쓴다(node_modules에 들어가는 모듈 등). 이 때, 타입스크립트를 같이 사용하는 프로젝트라고 했을 때 이러한 모듈들에 대해서 타입스크립
[Algorithm] 프로그래머스 - 양궁대회
링크 : 프로그래머스 - 양궁대회레벨 : 2출처 : 카카오 2022 블라인드 공채 기출문제1) 문제 해석최종 구현 요구 사항 : 라이언이 어피치를 이기는 케이스 중 가장 큰 점수차로 이기는 케이스를 배열에 담아 리턴하는 것추가 조건1) 만약에 가장 큰 점수차로 이기는
[Algorithm] 주차요금 계산
: 그렇게 효율적인 코드인지는 모르겠지만 시간복잡도 관련 문제는 아니었어서 구현(시뮬레이션) 문제라고 생각하고 분기처리에 집중했다. 사실 작년 공채 시험을 봤었기에 알고 있던 문제긴 했다. 당시에 이문제는 굉장히 쉽게 풀었던 것 같은데 확실히,, 코딩테스트도 안풀어 버
[MEMO] 메타버스란(MetaVerse)?
현실세계를 의미하는 ‘Universe(유니버스)’와 ‘가공, 추상’을 의미하는 'Meta(메타)’의 합성어로 3차원 가상세계를 뜻한다. by 네이버 지식 백과: 메타버스란 정말 간단하게(어렵게 생각할 필요없이) 가상 세계를 뜻한다. 하나의 세계를 유니버스라고 할 때(현
[TS] FUNCTIONS
: JS의 함수는 일급 객체로 변수에 할당할 수 있었는데 그것처럼 함수도 타입을 미리 지정해서 type alias에 저장할 수 있다. 본래 이와 같이해야하는 것을아래와 같이 해줄 수 있다.아직 이것에 대한 실용성(?)은 제대로 알지 못하지만 나중에 props로 함수를
[TS] TypeScript의 Types(2)
TS에만 존재하는 타입에 관하여 Void : 사실 void는 자바(JAVA)를 썼던 사람이라면(사실 대부분의 타입스크립트 타입들이 그렇지만) 알고 있는 개념일 것이다. 결과적으로 void는 함수에서 리턴값이 없을 때 return 타입을 void로 해주거나, retur
[TS] TypeScript의 Types(1)
위의 예시를 보면(타입스크립트 코드), 위에는 num이라는 변수의 타입을 명시적으로 표현해주지 않은 것이고, 아래는 명시적으로 넘버 타입을 표시해준 부분이다. 이 때, 주석 처리한 부분을 보면, num이라는 변수에 'string'이라는 문자열 타입의 자료를 할당하려했는
[TS] JS => TS
: 새로운 회사에서 기껏해야 4개월 정도 일하고 있는 나지만 여태껏 일하면서 가장 '에러'를 많이 발견하고, 일으켰던 부분은 바로 '타입(type)'과 관련된 부분이었다. 특히 api를 통해 자료를 받아와서 렌더링을 하는 부분에 있어서 자료가 안오거나, 잘못된 자료가
[FE] Node 버전 업데이트
아래 이미지처럼 'node -v' 명령어를 통해 현재 버전 확인이 가능하다(이미 업데이트를 최신으로 해놔서 18.1.0이다).버전 업데이트를 위한 모듈을 설치하기 전에 npm cache를 비워준다.버전 업데이트를 위해서는 nodeJS 버전을 관리하는 모듈이 필요한데,
[TypeScript] 타입스크립트란?
: TypeScript는 마이크로소프트에서 개발한 오픈소스 프로그래밍 언어다. 쉽게 정의해보면타입스크립트 = 자바스크립트 + '타입'적용Javascript의 상위 집합으로 ECMAScript의 최신 표준을 모두 지원하며(모두 포괄함) 트랜스파일링(by 타입스크립트 컴파