일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- component
- 오블완
- javascript
- golang
- react-hook-form
- satisfiles
- typescript
- Gin
- tanstackquery
- JavaSpring
- designpatterns
- java
- storybook
- React
- RTK
- 웹애플리케이션서버
- springboot
- test
- Spring
- hook
- 티스토리챌린지
- JPA
- go
- backend
- Redux
- frontend
- Chakra
- ReactHooks
- css
- Today
- Total
목록concept (22)
bkdragon's log
Q. 자바스크립트의 특징을 설명하시오. A. 싱글 스레드 논 블로킹. 저 한 문장을 이해하기 위해서는 Call Stack과 Task Queue를 활용한 자바스크립트의 동작 원리를 알 필요가 있다. 용어 정리부터 하자. 콜 스택 실행 컨텍스트를 저장하는 자료구조. 실행 컨텍스트는 일반적으로 함수가 실행되면 발생한다. 이를 스택(후입선출) 자료구조에 넣고 순서대로 실행하게 된다. 싱글 스레드 JavaScript는 싱글 스레드를 지원하는 언어이다. 이것은 하나의 콜 스택을 가진다는 것을 의미한다. 콜 스택이 하나이기 때문에 한번에 하나의 일 밖에 처리하지 못한다. 헌데 실제 JavaScript가 구동되는 환경 즉, JavaScript 런타임(브라우저 , node.js)은 멀티 스레드처럼 실행된다. 메크로 테스..
제목에 나온 3가지 라이브러리를 함께 사용하면서 얻은 경험을 공유해보려고 한다. 각각의 라이브러리의 설치법이나 사용법에 대해서는 깊게 설명하지 않을 것을 미리 알린다. Modal창 안에 react-daum-postcode 넣기 import { Modal } from 'antd'; // 모달 컴포넌트 불러오기 import DaumPostcodeEmbed from 'react-daum-postcode'; // 주소 입력 컴포넌트 불러오기 ... const [isModalOpen, setIsModalOpen] = useState(false); // 모달을 열지 판단할 상태값 ... return ( ... {isModalOpen && } ... ) 이때 컴포넌트의 네이밍을 예쁘게 바꾸고 싶으면 아래와 같이 할 ..