# vanillajs

[Redux] 베이직
설치 core redux action 상태가 어떠한 변화가 필요할 때, action을 발생 시킵니다. action의 형태는 객체입니다. 그리고 action의 객체에는 type이란 필드가 필수로 들어가야합니다. type외의 다른 요소는 자율적으로 설정이 가능합니다.

💻 TIL 20 | 드래그 앤 드롭
이번 챕터는 드래그 앤 드롭 API에 대해 다루었습니다.⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다.

[error 기록하기] - net::ERR_ABORTED 404 (Not Found) (Vanilla JS & Webpack)
Vanilla JS로 TODOLIST를 만들던 도중 팀장님이 Webpack도 얹어보라고 하셔서 미뤄놨던 webpack 뽀개기를 하기위하여 시도하던 도중 정확한 경로를 적었는데도 에러가 났습니다.모든 searching을 해봐도 net::ERR_ABORTED 404 (No

💻 TIL 19 | 무한 스크롤(Infinite Scroll)
이번 챕터는 무한 스크롤에 대해 다루었습니다. ⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다

[Notion Cloning] 회고 01 - Component에 대한 고찰을 바탕으로
어플리케이션 또는 프로그램을 이루는 최소한의 단위.기존 웹 프레임워크인 MVC 방식은 모델과 뷰의 양방향 데이터 흐름과 높은 의존성으로 인해 관리와 재활용이 어렵다는 단점이 있다.컴포넌트 구조는 독립적인 컴포넌트를 조립하여 구성하므로 재사용성이 높고, 단방향 데이터 흐
VanillaJS 4021
arr.filter() : filter는 기존 arr에는 영향을 주지않고 조건을 걸어서 값을 필터링할 수 있다. 예를 들면 API를 사용해서 위치와 날씨 표시하기 사이트: openweathermap.org weather.js 단 10줄로 사용자의 위치와 날씨를 가
VanillaJS 0420
js 에서 if else문을 이용하는거 보다는 html기능인 required 와 maxlength를 사용해서 같은 기능을 구현할 수 있다.따라서 위 코드는 아래 코드와 같다.js에서 if 문을 삭제하고 html에서 input에 기능을 추가한 것을 볼 수 있다.js에 너
VanillaJS 0419
위 코드는 아래 코드와 한줄이 되었다는 점을 제외하고 같은 이벤트를 발생한다.classList.toggle 은 기존에 있던 className을 제거하지 않고 새로운 className을 add와 remove 할 수 있다.
VanillaJS 시작기
오늘 노마드 코더의 리액트JS 강의를 시작하려고 했는데 먼저 바닐라JS를 듣고 오는게 도움이 된다고 해서 바닐라JS강의를 챕터2까지 들었다.HTML, CSS, JavaScript로 Momentum과 같은 크롬 앱을 만드는 것이다.마침 약 2주뒤에 챌린지가 있길래 그것도

[TIL] DAY-11 자바스크립트 기본역량
명령형 프로그래밍, 선언형 프로그래밍, 컴포넌트 방식으로 구현하기, Client-side에서 데이터 저장

[javascript] 게시글 더보기
일정 너비 이상으로 넘어가게 되면 더보기로 말줄임 ...가 나오고 옆에 있는 더보기를 클릭하면 내용 전체를 보여주는 기능을 구현해보았다.곰곰히 생각을 해봤다. 필요한 준비물(css)이 뭐가 있는지...........먼저 이 기능을 위해 따로 사용한 css는 아래와 같다

[javascript] 댓글 작성 기능 (click,keyCode)
input에 글을 작성하면 게시라는 버튼과 키보드에 Enter를 누르면 내가 쓴 댓글이 댓글란에 추가가 되는 기능을 구현하려고 한다. 그냥 올라가기만 하면 되는거 아닌가? input에 value 값 받아오고 id는 임의로 지정해놓은 string을 받아와서 같이 뿌려주면