개발/JavaScript 썸네일형 리스트형 [JavaScript]Array.map() 자바스크립트의 배열을 요소로 뿌려줄 때 map을 사용했다. map을 사용하면 첫번째 인자를 통해 배열 내의 요소를 하나씩 꺼내올 수 있는데 매개변수를 통해 자유롭게 가공이 가능하다. * 주의할 점은 맵으로 구성하는 요소(HTML태그)에는 반드시 key 값이 필요하다는 점이다. 더보기 [JavaScript] ...(비구조화 할당문법?) 자바스크립트를 활용함에 있어 배열 안에 요소를 추가하고자 할 때 push 를 사용하지만.. 리액트의 state 활용에 있어서는 요소에 직접 값을 대입하는것은 불가능하기 때문에, 배열요소일 경우 set 메소드를 활용할 때 ... 을 통해 배열의 요소추가가 가능했다. 그 외에도 다양한 활용법이 있는 듯 하다.. 자료구조에 대한 공부가 더 필요하다. 더보기 [JavaScript]노마드코더 JS 수업 완료(2) 크게 어렵지 않다고 생각하면서도 실제로 다루면서 늘 벽에 부딪히는 자바스크립트에 대해 한층 더 폭넓게 이해하는 시간을 가지게 되었다. 덤으로 전혀 몰랐던 새로운 개념과 내장함수들까지.. 지금까지는 getElementById로 html요소들을 대부분 받아왔었는데 querySelector의 유용함을 알게 되면서 보다 더 적극적으로 활용하게 될 것 같다. 특히 To-Do 리스트를 만들어보는 과정에서 새로운 개념을 많이 알게 되었다. 마치 DB처럼 값을 유지하고 있는 브라우저의 데이터 보유 기능인 localStorage를 활용해 보았고, html 태그를 자바스크립트를 통해 조금 더 폭넓게 제어해보고, 각 요소에 접근하는 다양한 방법들에 대해 이해하게 되었다. 그리고, 배열을 조금 더 깔끔하고 정교하게 다룰 수 .. 더보기 [JavaScript]바닐라 JS 공부(1) 리액트나 Vue.js를 사용하여 간단한 프로젝트를 진행해보려고 했고, 고민 끝에 리액트와 스프링부트를 활용하기로 했다. 다만 여기서 문제가 있었는데... 리액트는 깊게 다루어 본 적이 없어서 새롭게 배우고 시작해야 한다는 점이다. 어떤 강의를 들을까 고민하다가 자주 보는 유튜브 채널인 '노마드코더'의 리액트 강의를 들어보기로 했다. 그런데 강의 초반에 새겨들어야 할 이야기 중에, 바닐라 자바스크립트에 대한 이해가 선행되어야 한다는 것이다. 회사에서 매일 접하는 자바스크립트와 제이쿼리지만.. "내가 과연 자바스크립트에 대해 얼마나 제대로 알고 있을까?" 하는 의문이 생겼다. 그래서 그 답을 힘들게 찾지말고 기초부터 시작하기로 했고, 같은 사이트에 있는 JS 강의부터 시작하게 되었다. 시작하지는 며칠 지났으.. 더보기 이전 1 다음
