일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 넘블
- 이터러블
- localtunnel
- 호출 스택
- 번들러
- 렉시컬 환경
- JavaScript
- 자바스크립트
- Lexical environment
- 함수형
- 이벤트 루프
- 로컬터널
- 로드마크
- 마이크로태스크
- 유사배열
- 웹팩
- 매클로태스크
- pushstate
- AbortController
- webpack
- 실행 컨택스트
- relatedTarget
- hoisting
- 화살표 함수
- 호이스팅
- debounce
- Call stack
- fetch 취소
- 클론코딩
- 비동기 작업
- Today
- Total
목록2021/12 (2)
내가 보려고 만든 개발 공부 일지
React로 카카오톡과 같은 채팅 컴포넌트를 만들던 중 발견한 버그와 해결한 방법을 기록해봅니다. 위 이미지는 내가 만들고있던 Chatting.tsx 컴포넌트다. 기록된 메시지들이 보이는 부분이 ChattingList.tsx 이고, 메시지를 입력하는 아랫부분이 ChattingInput.tsx 이다. ChattingInput 에 텍스트를 입력하고 Enter를 누르거나 전송을 클릭하면 입력된 텍스트가 ChattingList에 추가되는 기능을 구현했다. 그런데, 영문을 입력하면 정상적으로 ChattingList에 잘 추가가 되었지만 이상하게 한글만 입력하면 입력된 텍스트와 그 텍스트의 마지막 부분이 잘려서 두번 이벤트가 발생하는 것이었다... 위 이미지와 같은 현상이 발생했다. 그래서 개발자도구에서 break..
함수형 프로그래밍 - Functional programming (FP) 객체지향 프로그래밍 - Object oriented programming (OOP) 개발자라면 이 둘에 대해 한번쯤은 들어봤을 개발 패턴이다. FP 든 OOP 든 개발 방식의 차이일뿐, 뭐가 더 좋고 나쁘고는 없다. [ 함수형 프로그래밍 ] 전달받은 인자값을 중심으로 결과값을 반환하는 간결한 방식의 프로그래밍으로 데이터를 함수 내부에서 따로 저장하거나 하지 않는다. 한 번에 하나의 작업만 수행하는 함수들의 조합으로 로직을 처리한다. 예) func(obj) : 함수 인자값으로 객체, 함수 등을 넘겨 작업을 수행. 특징 : 함수안에 함수, 여러 함수로 구성된 고차함수, *순수함수 *참고로 순수함수란 ? 다음과 같은 조건을 충족하는 함수를..