전체 글 썸네일형 리스트형 [React.js]바닐라JS >> React.js(1) 예전에 생활코딩 리액트 수업을 간단히 들었지만, 금세 잊어버렸었다. 리액트에 대해 제대로 배우고 싶은 생각에 노마드코더 리액트 기초수업을 진행하면서 같은 UI와 기능을 구현하는 데에 있어서 자바스크립트와 리액트의 차이를 알게 되었다. JS에서는 변수와 함수를 생성하고, html의 요소를 가져온 후, addEventListener를 통해 "click"과 같은 이벤트를 부여한 뒤 웹페이지를 동적으로 제어하던 순차적인 방식이었는데, 리액트에서는 새로운 방식으로 접근한다. 페이지의 생성과 제어 모두를 script에서 구현하고, React.useState()를 통해 변수의 생성과 동시에 생성한 변수의 변화를 감지하는 함수를 동시에 내포한다. 이벤트를 다루는데에 있어서도 단순히 rendering 할 html 태그 .. 더보기 [JavaScript]노마드코더 JS 수업 완료(2) 크게 어렵지 않다고 생각하면서도 실제로 다루면서 늘 벽에 부딪히는 자바스크립트에 대해 한층 더 폭넓게 이해하는 시간을 가지게 되었다. 덤으로 전혀 몰랐던 새로운 개념과 내장함수들까지.. 지금까지는 getElementById로 html요소들을 대부분 받아왔었는데 querySelector의 유용함을 알게 되면서 보다 더 적극적으로 활용하게 될 것 같다. 특히 To-Do 리스트를 만들어보는 과정에서 새로운 개념을 많이 알게 되었다. 마치 DB처럼 값을 유지하고 있는 브라우저의 데이터 보유 기능인 localStorage를 활용해 보았고, html 태그를 자바스크립트를 통해 조금 더 폭넓게 제어해보고, 각 요소에 접근하는 다양한 방법들에 대해 이해하게 되었다. 그리고, 배열을 조금 더 깔끔하고 정교하게 다룰 수 .. 더보기 [JavaScript]바닐라 JS 공부(1) 리액트나 Vue.js를 사용하여 간단한 프로젝트를 진행해보려고 했고, 고민 끝에 리액트와 스프링부트를 활용하기로 했다. 다만 여기서 문제가 있었는데... 리액트는 깊게 다루어 본 적이 없어서 새롭게 배우고 시작해야 한다는 점이다. 어떤 강의를 들을까 고민하다가 자주 보는 유튜브 채널인 '노마드코더'의 리액트 강의를 들어보기로 했다. 그런데 강의 초반에 새겨들어야 할 이야기 중에, 바닐라 자바스크립트에 대한 이해가 선행되어야 한다는 것이다. 회사에서 매일 접하는 자바스크립트와 제이쿼리지만.. "내가 과연 자바스크립트에 대해 얼마나 제대로 알고 있을까?" 하는 의문이 생겼다. 그래서 그 답을 힘들게 찾지말고 기초부터 시작하기로 했고, 같은 사이트에 있는 JS 강의부터 시작하게 되었다. 시작하지는 며칠 지났으.. 더보기 (01/26)진로에 대한 고민 제자리에 머무르지 않고 성장하기 위해서는 슬슬 결정을 해야 할 때가 왔다. 진짜 내가 하고싶은 언어와 기술은 어떤 것인지.. 첫 직장만큼이나 첫 이직 또한 중요하다고 생각한다. 지금 결정한 내 진로가 앞으로의 10년 20년 개발생활을 결정하게 될 것이라 생각한다. 더보기 이전 1 ··· 7 8 9 10 다음
