전산에서 개발로

2021.08.01 8월의 시작과 함께 짧은 생활코딩 react 강의는 끝이 났습니다. 간단한 CRUD 기능을 구현하고 마무리 짓는 강의이기에 더 디테일한 내용은 따로 찾아봐야 할 것 같습니다. 오늘은 생활코딩 react 수업에서 언급한 dataset과 immutable에 대해서 따로 찾아 보고 정리해보려합니다. 1. dataset이란 dataset은 HTML 표준에 정의된 기능입니다. DOM요소에 값을 저장하고 Javascript 코드로 값을 읽어들일 수 있습니다. 사용법은 이렇습니다. ' data- ' 를 시작으로 이름을 지정하면 됩니다 ex) data-user-name, data-contents-id Javascript에서 dataset을 읽어들이게 되면 data-는 제거 되고 카멜케이스로 변경됩니..

2021.07.30 계속해서 생활코딩 강의를 들으며 REACT와 친해지는 중입니다. ( 오늘 내용은 아직 불안한 개념이기에 이해한대로 끄적인 수준입니다. 추후에 공부를 더한 뒤 수정하겠습니다. ) 1. State state와 props는 두가지 모두 데이터를 다룰 때 사용하는 개념입니다. 먼저 state는 "하나의 컴포넌트가 가질 수 있는 변경 가능한 데이터" 입니다. render() 가 일어나기 전에 state = { mode : "unknown" } 처럼 처음에 값을 넣어 선언합니다. render() 안에서 state 변수를 사용하기 위해선 {this.state.mode} 형식으로 넣어줍니다. 함수를 사용해 state 변수를 변경해보겠습니다. 함수 역시 render() 전에 선언해줍니다. stateC..

2021.07.28 생활코딩 - React 수업을 한사이클 듣고 추가적인 공부를 할 예정입니다. 1. react 설치 및 개발환경 구성 npm을 이용해 Create React App을 설치했습니다. 개인적으로 npm은 Node.js로 만들어진 일종의 스토어 같다고 이해했습니다. (정확하지 않습니다.) VScode Terminal에 npm install을 입력해 Create React App을 노트북 어디서든 이용할 수 있도록 하였습니다. 2. 구조 파악 기본적으로 public, src, css 디렉토리로 나뉘어져 있었습니다. 모든 컴포넌트(아래에서 설명)들이 'root' div 태그 사이에 삽입되어 있는 구조로 보였습니다. src 디렉토리에서 실질적인 코딩을 합니다. ReactDom.render(, do..