회사에서 redux-saga 상태 관리 라이브러리로 개발한 프로젝트가 있는데 generator 함수와 yield 키워드를 사용해서 개발을 했었습니다. 당시에는 개발 기한이 짧아 잘 이해하지 못하고 사용했었는데, 블로그에 글을 쓰다가 generator 함수와 yield 키워드와 관련된 내용이 나와서 이번에 공부하고 포스팅합니다!! 1. generator 함수와 yield ✅ function* 키워드로 함수를 정의(generator)하고 이 함수에 포함되어 있는 property 중에 next()를 호출하여, 함수 내에서 중지했던 yield 부분부터 재개합니다. 1-1. generator 함수 function 뒤에 astrok(*)를 붙여서 generator 함수를 정의합니다. 제네레이터 함수는 일반 함수와 ..
✅ 들어가기 전 REST에 대한 개념을 이해하기 위해서는 아래 HTTP 프로토콜에 대한 사전 지식이 있으면 좋을 것 같아 먼저 읽어보시는 것을 추천드립니다 😀 HTTP 프로토콜과 상태코드 1. HTTP 프로토콜이란? HTTP (Hypertext Transfer Protocol)는 웹 인터넷상에서 서버와 클라이언트가 인터넷상에서 데이터를 주고 받기 위한 프로토콜입니다. 어떤 종류의 데이터든지 전송할 수 있도록 설 ji-musclecode.tistory.com 1. RESTful 이란 ? REST API를 제공하는 웹 서비스를 RESTful 하다라고 정의할 수 있습니다. 즉, REST 원리를 따르는 시스템을 RESTful 하다라고 지칭할 수 있습니다. 이해하기 쉽고 사용하기 쉬운 REST API를 만드는 것..
1. JSON 이란? 1-1. 정의 JSON은 JavaScript Object Notation의 약자로, 데이터를 저장하거나 전송할때 자주 사용하는 경량화된(가벼운, 쉬운) 데이터 교환 형식입니다. 데이터 포맷일 뿐이며 통신 방법이나, 프로그래밍 문법이 아닌 단순히 데이터를 표시하는 표현 방법 입니다. 1-2. 특징 서버와 클라이언트 간의 교류에서 일반적으로 자주 사용합니다. JavaScript의 문법과 유사하지만 단순 텍스트 형식입니다. 특정 언어에 종속되지 않습니다. 2. JSON vs XML 2-1. XML 이란? XML은 EXtensible Markup Language의 약자로, HTML과 유사한 문자 기반 마크업 언어입니다. 다른 시스템끼리 다양한 종류의 데이터를 쉽게 교환할 수 있도록 해줍니다..
1. setState()에 async / await이 동작할까 ?? ✅ 결론은 setState()에서는 async / await을 사용해도 동작하지 않습니다. JS에서는 일반적으로 코드를 동기방식으로 처리합니다. (코드 순서대로 위에서 아래로 차례대로 실행) 예외적으로 callback 함수, ajax, setTimeout .. 등과 같은 함수들은 순차적으로 실행되지 않고 완료되면 실행됩니다. 이를 비동기적으로 처리한다고 정의합니다. (완료되는 순서대로 일을 처리하여 실행 순서가 확실하지 않음) 비동기 함수를 동기방식으로 처리하려면 async / await 키워드를 사용합니다. await 문은 Promise가 fulfilled(이행) 되거나 rejected(거부) 될 때까지 async함수의 실행을 일시 정..
프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 프로그래머스 코딩 테스트 연습 Level 2 문제입니다. 나의 풀이는 효율성을 통과하지 못했습니다. 정답이 궁금하신 분들은 다른 사람의 풀이 부분을 참고해주시기 바랍니다! 나의 풀이 function solution(board) { let answer = 0; for (let i = 0; i < board.length; i++) { for (let j = 0; j < board[i].length; j++) { if (board[i][j] == 1 && answer < (board.length - i + 1) *..
- Total
- Today
- Yesterday
- zustand
- 렌더링 속도 개선
- react
- next.js 환경변수
- 함수형 컴포넌트
- 호이스팅
- array
- 시맨틱 웹
- 타입스크립트
- redux
- 매겨변수와 인자
- React로 쓰로틀링 디바운싱 구현
- Virtual Scroll
- javascript
- rewrites
- Next.js
- 1급 시민
- useRef
- debouncing
- redirects
- 자바스크립트 비동기 동작원리
- 가상스크롤
- 자바스크립트 동작원리
- next.js에 .gitignore가 적용되지 않을 때
- programmers
- 1급 함수
- 목표 일기
- typescript
- 1급 객체
- vue
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |