코딩 기록기

오늘 배운 내용 props 먼저 props("properties"의 줄임말)로 state 와의 간단한 차이는 변할수 없다는 것. 컴포넌트는 상속하는 부모 컴포넌트로 부터 props 를 받고 이 props 는 상속받는 컴포넌트 내에서 수정이 불가능하다. 리액트에서 부모 > 자식 일방향성 상속이라는 특징때문이다 .props 는 컴포넌트가 가지고 있는 다양한 값을 나타내기 위한 존재로'this.props,xxx'로 나타낸다. 읽기전용 부모요소에서 설정하는것 초깃값과 자료형의 유효성 검사가 가능 state 컴포넌트 상태를 나타내며 , props 와 반대로 변할수 있다 . 컴포넌트의 내부에서 선언되기 때문에 이러한 state 는 외부에 공개하지 않고 컴포넌트가 스스로 관리한다. state 로 사용하는 것은 컴포넌..

오늘 배운 내용 Ref 란 무엇일까 ? 먼저 뜻이 어디서 파생되었는지 알아보았다. reference의 준말이라고 한다. 한국말로는 참조, 참고 정도의 뜻을 지닌다고 보면된다. 일반적으로 HTML에서 DOM요소에 이름을 달때는 id라는 고유값을 사용한다. 이처럼 리액트에서도 DOM요소에 이름표를 붙이는 방법이 있는데 이를 ref라고 부른다. Ref는 사실 일반 객체이다. Ref를 console.log로 찍어보면 {current: null} current 프로퍼티 하나를 가진 객체가 나타나고 React는 이 객체를 통해 DOM에 직접적인 접근을 가능하게 해준다. Ref 를 사용하는 이유 id는 유일해야 하지만 컴포넌트 재사용을 한다면 중복될 가능성이 있다. ref는 전역적으로 작동하지 않고 컴포넌트 내부에서..

오늘 배운 내용 배열 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용, 자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함하고 있다 유사 배열 (유사배열 객체) 배열이 아닌데 배열인 척 하는 것, 유사배열(Array-Like Object)이란 이름 그대로 배열과 유사한 객체 유사배열은 함수에서 처리 결과로 배열을 반환하고 싶을때 또는, Array에서 기본으로 내포되어있는 기능을 제공 하고 싶지 않거나 Array에 내포되어있지 않은 기능을 제공하고싶을때 사용. JS에서 querySelectorAll이나 document.body.children으로 엘리먼트를 가져오면 유사 배열 객체에 담겨서 옴. 배열을 구성하는 각각의 값을 배열 요소(element)라고 한다 유사배열의 수정 Array.fro..

오늘 공부한 것 & 배운 내용 React 기초 강의 자바스크립트 기초 JSX 공부하면서 느낀점 오늘부터는 주특기 입문주차가 시작이다. 오늘 배운 내용은 스파르타 코딩클럽에 있느 React 기초 강의를 들었다 그 중에 수많은 공부 내용이 있었지만 그 중에 중요한 JSX 규칙이 가장 중요한거 같다 React에서 쓰이는 자바스크립트 기초 문법들을 배웠는데 너무 어려웠다.. JSX 규칙 1. 태그는 꼭 닫아주기 2. 무조건 1개의 엘리먼트를 반환하기 3. class 대신 className! 4. 인라인으로 style 주기 이렇게 있다 그리고 오늘 배운 내용은 정말 수도 없이 많지만 여기에 다 쓸려면 시간이 엄청 오래 걸릴 것 같다. 공부 하러 가야하기 때문에 오늘은 여기까지만 써야겠다

오늘 공부한 것 & 배운 내용 프로그래머스 알고리즘 자바스크립트 복습하기 자바스크립트 함수 reverse(), sort(), toUpperCase() 공부하면서 느낀점 오늘은 자바스크립트 테스트가 있는 날이었다. 저번 테스트를 떨어져서 그런지 많이 떨렸었다. 그래도 저번 보다 문제 이해 능력이 많이 늘었으니 이번에 통과할 수 있다는 자신감이 있었다. 어제 문제들을 복습하면서 reverse(), sort(), toUpperCase() 등 많은 함수들을 다시 한번 복습했다 reverse() 배열의 객체를 뒤집어 주는 함수이다 sort() 배열의 요소를 정렬하는 데 사용하는 함수이다 (사용법: arr.sort((a, b) => a - b)와 같이 작성하면 된다. b 가 더 클 때만 a - b의 결과로 음수가 ..

서버에서 route 작업을 하다보면 GET이나 POST와 같은 것을 볼 수 있습니다. 이것은 HTTP MeThod 중에 하나입니다. 오늘은 HTTP Method에 대해 알아보겠습니다. HTTP Method란 HTTP Method란 정의적으로 해석하면 다음과 같습니다. 클라이언트와 서버 사이에 이루어지는 요청(Request)과 응답(Response) 데이터를 전송하는 방식. 쉽게 말하면 서버에 요청을 보내는 방법 입니다. HTTP Method 종류 메소드설명 GET 요청받은 URI의 정보를 검색하여 응답한다. POST 요청된 자원을 생성(CREATE)한다. PUT 요청된 자원을 수정(UPDATE)한다. PATCH PUT과 유사하게 수정(UPDATE)할 때 사용한다. PATCH는 해당자원의 일부를 교체하는 ..