본문 바로가기

자바스크립트2

이벤트 루프 (Event Loop) 정확히 알기 (2) 지난 포스팅에서는 이벤트루프에 대해 간략하게 알아보았다. 2021.10.15 - [Front/JavaScript] - 이벤트 루프 (Event Loop) 정확히 알기 (1) 이벤트 루프 (Event Loop) 정확히 알기 (1) 자바스크립트의 특징 중 하나는 '단일 스레드' 기반의 언어입니다. 스레드가 하나라는것은 한번에 하나의 작업만 처리할 수 있다는 말이기도 한데 실제로 브라우저에서 자바스크립트가 사용되 sihus.tistory.com 이번 포스팅에서는 이벤트루프의 동작에 대해 더 살펴보고자 한다. 지난 포스팅에서 이벤트루프란 '단일 호출 스택'을 사용하는 자바스크립트 엔진과 상호 연동하기 위해 사용하는 장치' 라고 설명하였다. 그럼 어떻게 엔진과 상호연동하는지 알아보자. 지난 포스팅에서 확인한 브라.. 2021. 10. 17.
라이브러리 없이 VanilaJS로 만드는 To-Do Application 과제로 전달받은 라이브러리 도움 없이 To-Do 리스트를 만들어달라는 요구사항을 토대로 기본 자바스크립트에 충실하여 To-Do 리스트를 만들어 보았다. 1. 진입 (Intro) : 과제 요구사항에는 없던 내용이었는데 아이폰을 처음 부팅했을때 사용자경험 느낌이 좋아 (네! 여기 앱등이 손..) 비슷하게나마 만들어보고 싶었습니다. 2. 할일목록 추가 (Modal) : 할일 목록을 추가할때 모달을 만들어 입력창을 표출했고 백그라운드를 클릭할때에는 모달창이 닫히도록 하였습니다. 3. 할일목록 : 미완료를 상단에, 완료목록을 하단에 정렬하였습니다. 4. 할일들은 언제든 미완료 완료로 전환 5. 완료된 항목에 대해서만 삭제버튼이 활성화 6. 데이터들은 브라우저 로컬스토리지(LocalStorage)에 저장 7. 라이.. 2020. 11. 6.