개발 썸네일형 리스트형 [JavaScript] ...(비구조화 할당문법?) 자바스크립트를 활용함에 있어 배열 안에 요소를 추가하고자 할 때 push 를 사용하지만.. 리액트의 state 활용에 있어서는 요소에 직접 값을 대입하는것은 불가능하기 때문에, 배열요소일 경우 set 메소드를 활용할 때 ... 을 통해 배열의 요소추가가 가능했다. 그 외에도 다양한 활용법이 있는 듯 하다.. 자료구조에 대한 공부가 더 필요하다. 더보기 [React.js] State props와 더불어 리액트의 가장 중요한 두 개념인 state와 effect에 대해 공부하였다. 사실 props보다 state를 먼저 배웠지만 포스팅이 늦어졌다. React.useState() 를 통해 생성이 가능하며 생성하는 변수에 첫번째 인자로는 사용할 값을, 두번째 인자로는 상태를 변경해줄 수 있는 함수가 전달된다. import { useState } from "react"; 더보기 [React.js]props Props의 개념에 대해 공부했다. 가장 상위 컴포넌트가 되는 App 컴포넌트 내에 자식 컴포넌트들이 존재하게 되는데, 만약 자식 컴포넌트가 같은 속성들을 가지고 단지 이름만 다르다거나.. 하는 경우라면 같은 코드를 중복 작성하여 컴포넌트를 만들기보다는 props를 활용해 하나의 컴포넌트에 다른 인자를 전달함으로서 컴포넌트를 구성해줄 수 있다. props에는 값뿐만 아니라 함수도 전달이 가능하다. 위와 같이 text 라는 props를 받는 Btn 컴포넌트를 하나만 만들어주고 App 컴포넌트에서 Btn에 text라는 이름을 가진 props에 값을 담아 전달해준다. 보기와 같이 같은 Btn 컴포넌트임에도 다른 결과가 도출된다. ps. propTypes 를 통해 전달되는 props의 타입을 지정하고 잘못 전달.. 더보기 [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 강의부터 시작하게 되었다. 시작하지는 며칠 지났으.. 더보기 이전 1 ··· 6 7 8 9 다음
