[Web API] 로컬스토리지에 데이터 저장, 삭제 하기
로컬스토리지에 데이터 저장 및 제거 파일 하나에 로컬스토리지에 저장,삭제 하는 함수를 만들어서 export해서 사용하면 편하다. // Local Storage에 저장 const setLocalData = (key, value) => localSto...
Recent posts
[wanted pre onboarding] 6번째 과제: API를 이용해 간단한 사이트 구현
배포: https://wanted-preonboarding-4.netlify.app/ 과제 GitHub: https://github.com/NamgyungKim/wanted-codestates-project-3-4 과제: API를 이용해 간단한 사이트 구현 상단 T...
[wanted pre onboarding] 5번째 과제: 드래그로 영역 선택
배포: https://wanted-preonboarding-team3-oddconcepts.netlify.app/ 과제 GitHub: https://github.com/NamgyungKim/wanted-codestates-project-3-5 과제: (2번과제)이미지의 특...
[CSS]반응형 웹 미디어쿼리
반응형 웹이란? 웹사이트가 모바일기기와 다른 다양한 화면의 크기에서 더 나은 사용자 경험을 주기위한 방법 중 하나이다. 반응형웹은 하나의 템플릿으로 화면의 사이즈를 감지해 그에 맞춘 화면을 보여준다. 지금 이 블로그도 반응형이다. 화면의 가로를 줄이고 늘려보면 사이즈에 맞는 화면...
[JS] 이벤트루프 와 태스크 큐
JavaScript의 동작 JavaScript의 특징 중 하나는 싱글 스레드로 동작한다는 것이다. 싱글 스레드 방식이라는 것은 한번에 하나의 태스크만 처리할 수 있음을 의미한다. 하지만 브라우저의 작동을 보면 많은 태스크가 한번에 작동하는 것 처럼 보인다. 예를 들면 HTML에...
[wanted pre onboarding] 4번째 과제: api로 데이터조회 및 메모기능 구현
과제 GitHub: https://github.com/NamgyungKim/wanted-codestates-project-3-8 과제: 충청북도 휴양림 중 마음에 드는 곳에 메모를 남겨 저장하는 서비스를 아래 조건에 맞춰 만들어주세요. openAPI를 이용해 데이...
[JS] 디바운스(Debounce)와 스로틀(Throttle)
디바운스(Debounce)와 스로틀(Throttle)이란 둘 다 Dom이벤트의 실행을 제어하는 방법이다. 예를 들어 resize, scroll 를 했을때 어떤 이벤트가 실행한다고 했을 이벤트 수행에 제약을 걸어 보다 적은 이벤트가 실행되도록 한다. 사용되는예 검색어 작성하...
[wanted pre onboarding] 2번째 과제: 검색어 추천이 있는 검색창 만들기
과제 GitHub https://github.com/NamgyungKim/wanted-codestates-project-3-10 이번 과제는 React와 Redux를 사용해서 검색어 추천이있는 검색창을 만드는 것이 과제 였다. 추가 도전과제로 주어진 API 호출 최적화가 ...