TIL

1. position 1.1. relative relative는 별도의 프로퍼티를 지정하지 않는 이상 static과 동일하게 동작한다.

Javascript 웹 페이지와 상호작용 하도록 만들어진 언어 브라우저에서 사용자의 행동 처리 / 데이터 저장 / 네트워크 응답과 요청 처리

1. 논리 연산자 (Logical Operators) true와 false를 처리하기 위한 연산자 / 조건 문에서 유용하게 사용 NOT ! true -> false로, false -> true로 반전시킨다. 앞에 !를 붙여 표현한다.

1. Array 하나의 변수에 여러개의 데이터를 가지고 있는 것 / String, Number, Array 모두 가능 값 하나하나를 Element (요소)라고 하며 / 요소와 요소를 쉼표(,)로 구분

1. String Number 자바스크립트가 다른 언어와 다른 특징 중 하나가 데이터 타입을 신경쓰지 않는다는 것

Number - Math() / object / scope

1. Class 객체지향 프로그램은 프로그램을 객체들로 구성 / 객체들 간 서로 상호작용하도록 작성하는 방법 클래스는 객체지향 프로그래밍의 핵심

[ES6] arrow function / [ES6] template literals string method / array methods

인스타그램 클론 코딩 로그인 페이지 id, pw에 각각 한 글자 이상 써야 버튼이 활성화 되도록 해주세요. 원래 연한 파란색이었다가 -> 활성화 되면 파란색으로! 메인 페이지 댓글 input 창에 엔터치거나 "게시" 누르면 댓글 추가되도록

📌 What You Will Study 리액트 첫 수업을 듣기 전에 해야 할 것들 step0. node, npm 설치 node가 설치되면 npm도 함께 설치 된다. (npm은 따로 설치할 필요 없다)

📌 프로젝트를 하면서 필요한 이론 정리 / Route 이동하는 방법은 두 가지가 있다.Routes.js에서 설정한 path로 이동하려면 Link 컴포넌트를 사용하면 된다.react-router-dom에서 제공하는 Link 컴포넌트

map 함수를 이용하여 component를 재사용 하는 것이 목적

동기와 비동기 동기적(Synchronous) 처리 이전의 작업이 끝날 때 까지 다음 작업을 할 수 없다. 이전의 작업이 끝나야 다음 작업이 실행되는 것. 비동기적(Asynchronous) 처리 코드를 실행할 때 흐름이 멈추지 않는다. 동시에 여러가지 작업을 처리.

1\. 원하는 경로에 프로젝트 디렉토리를 생성하고 명령어를 입력CRA (Create React App)으로 프로젝트를 만들지 않으면 직접 package.json을 만들어 줘야 한다. 2\. root 폴더에 index.html 파일 생성 / script에 번들 코드 추가

CSS 파싱 방식은 HTML 파싱 방식과는 다르게 문맥 자유 문법이다. 그리고 CSS명세는 CSS어휘와 문법을 정의한다. 어휘 문법은 각 토큰을 위한 정규 표현식으로 정의되어 있다.

버튼을 눌렀을 때 onClick 이벤트에 nextHandler라는 함수가 실행 되도록 했다. 그리고 위의 방법 처럼 nextHandler 함수에 props.history를 이용해 Input 태그에서 입력 받은 값을 state로 넘겨줄 수 있다.

사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시한다.브라우저는 HTML파일을 해석하여 표시하는 역할을 하는데, 웹 표준화 기구인 W3C에서 정한 HTML과 CSS 명세에 따라 표시한다.이때 자원을 요청하는 주소가 uri이다.\

State란 - state는 Component의 상태 값을 말한다. - state와 props는 둘 다 object이며, 화면에 보여줄 정보를 가지고 있다는 점에서 서로 비슷한 역할을 한다. - props는 컴포넌트를 사용하는 부모쪽에서 전달해야만 사용할 수 있다.

페이지네이션 (Pagenation 또는 Paging) 목록형 UI에서 데이터를 한 번에 가져오는 것이 아니라 필요한 만큼, 또는 화면에 보이는 만큼한 백엔드에 요청하고 응답받아 사용하는 방식을 말한다.

Test 소프트웨어 관점에서 테스트를 정의한다면 애플리케이션이 요구 사항에 맞게 동작하고 있는지를 검증하는 것을 말한다. 보통 개발을 완료하면 사용자가 사용하기 전에 QA(Quality Assuarance)라는 과정을 거치는데, 이 과정을 테스트라고 할 수 있다.