토이 프로젝트 아이디어

구글설문조사 폼 클론 코딩구글설문조사 폼 퀴즈 클론 코딩https://docs.google.com/forms/u/0/?tgif=d사다리타기 맛집리스트 네이버나 카카오지도api 연동해서

4일 전
·
0개의 댓글
·

11강 폼

사용자로부터 입력을 받기 위해 사용하는 양식사용자가 입력한 값에 접근하고 제어할 수 있게 해주는 컴포넌트값이 리액트의 통제를 받는 입력 폼 엘리먼트한 줄로 텍스트를 입력받기 위한 HTML 태그리액트에서는 value라는 attribute로 입력된 값을 관리

2022년 11월 27일
·
0개의 댓글
·

10강 리스트와 키

같은 아이템을 순서대로 모아놓은것각 객체나 아이템을 구분할 수 있는 고유한 값자바스크립트 배열의 map() 함수를 사용: 배열에 들어있는 각 변수에 어떤 처리를 한 뒤 결과를 배열로 만들어 리턴함: map() 함수 안에 있는 엘리먼트는 꼭 키가 필요함리스트에서 아이템을

2022년 11월 27일
·
0개의 댓글
·

9장 조건부 렌더링

조건에 따라 렌더링의 결과가 달라지도록 하는것코드팬 실행하기엘리번트 변수인라인 조건컴포넌트 렌더링 막기

2022년 11월 27일
·
0개의 댓글
·

8장 이벤트 핸들링

사용자가 버튼을 클릭하는 등의 사건을 의미이벤트의 이름을 모두 소문자로 표기이벤트의 처리할 함수를 문자열로 전달이벤트의 이름을 카멜 표기법으로 표기이벤트를 처리할 함수를 그대로 전달이벤트가 발생했을때 해당 이벤트를 처리하는 함수이벤트 리스너라고 부르기도함클래스 컴포넌트

2022년 11월 27일
·
0개의 댓글
·

7장 훅

원래 존재하는 어떤 기능에 마치 갈고리를 거는 것처럼 끼어 들어가 같이 수행되는 것 리액트의 state 생명주기 기능에 갈고리를 걸어 원하는 시점에 정해진 함수를 실행되도록 만든 것 가장 대표적으로 많이 사용하는 훅 함수 컴포넌트에서는 기본적으로 state라는 것을 제

2022년 11월 20일
·
0개의 댓글
·
post-thumbnail

6장 State와 생명주기

리액트 컴포넌트의 변경 가능한 데이터state는 미리 정해진 것이 아니라 리액트 컴포넌트를 개발하는 각 개발자가 직접 정의해서 사용하게 됨렌더링이나 데이터 흐름에 사용되는 값만 state에 포함시켜야함: state가 변경될 경우 컴포넌트가 재렌더링되기 때문에 렌더링과

2022년 11월 11일
·
0개의 댓글
·

컴포넌트와 Props

5장 컴포넌트와 Props 5.1 컴포넌트에 대해 알아보기 입력(Props) -> 리액트 컴포넌트 -> 출력(리액트 엘리먼트) ; 리액트 컴포넌트가 해주는 역할 어떠한 속성들을 입력으로 받아서 그에 맞는 리액트 엘리먼트를 생성하여 리턴해 주는것 5.2 Props의 대해

2022년 11월 9일
·
0개의 댓글
·

엘리먼트 렌더링

엘리먼트는 리액트 앱의 가장 작은 빌딩 블록들리액트 엘리먼트는 DOM 엘리먼트의 가상표현: 리액트 엘리먼트는 화면에 보이는 것을 기술하고, 엘리먼트가 기술한 내용을 토대로 실제 화면에서 보게 되는 DOM 엘리먼트가 만들어 짐DOM(Document Object Model

2022년 11월 9일
·
0개의 댓글
·

JSX 소개

https://github.com/leehyemimi/first-meet-react

2022년 10월 28일
·
0개의 댓글
·

모바일 100vh 스크롤 해결하기

참조 : https://blog.leehov.in/39

2022년 10월 13일
·
0개의 댓글
·

Git 명령어 모음

.git 하위 디렉토리 생성(폴더를 만든 후, 그 안에서 명령 실행 => 새로운 git저장소 생성)\- 기존 소스 코드 다운로드/복제\- 로컬 저장소 복제\- 원격 서버 저장소 복제\- 원격 서버 저장소 복제\- 커밋에 단일 파일의 변경 사항을 포함 (인덱스에 추가된

2022년 10월 5일
·
0개의 댓글
·

React Redux Toolkit

Redux(리덕스)란 JavaScript(자바스트립트) 상태관리 라이브러리이다.상태를 예측 가능하게 만든다. (순수함수를 사용하기 때문)유지보수 (복잡한 상태 관리와 비교)디버깅에 유리 (action과 state log 기록 시) → redux dev tool (크롬

2022년 10월 4일
·
0개의 댓글
·

Json Viewer

https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh?hl=ko

2022년 9월 29일
·
0개의 댓글
·

스터디 6

https://nomadcoders.co/react-for-beginners/lectures/3289https://github.com/leehyemimi/react-my-moviehttps://nykim.work/106?category=785

2022년 9월 29일
·
0개의 댓글
·

자바스크립트 비동기 처리와 콜백 함수

자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미합니다.비동기 처리의 가장 흔한 사례는 제이쿼리의 ajax입니다. 제이쿼리로 실제 웹 서비스를 개발할 때 ajax 통신을 빼놓을

2022년 9월 28일
·
0개의 댓글
·

Promise

프로미스는 자바스크립트 비동기 처리에 사용되는 객체입니다. 여기서 자바스크립트의 비동기 처리란 ‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성’을 의미합니다. 비동기 처리에 대한 이해가 없으시다면 이전 글 ‘자바스크립트

2022년 9월 27일
·
0개의 댓글
·

workflows.yml

.github>workflows

2022년 9월 19일
·
0개의 댓글
·

setTimeout 쓰는 이유

리액트 18버전 이상부터는 automatic batch 라는 기능이 생겼습니다.setTimeout 변경함수들이 연달아서 여러개 처리되어야한다면 state 변경함수를 다 처리하고 마지막에 한 번만 재렌더링됩니다. 그래서 'end' 로 변경하는거랑 ' ' 이걸로 변경하는거

2022년 9월 16일
·
0개의 댓글
·

Axios

운영 환경에 따라 브라우저의 XMLHttpRequest 객체 또는 Node.js의 http api 사용Promise(ES6) API 사용요청과 응답 데이터의 변형HTTP 요청 취소HTTP 요청과 응답을 JSON 형태로 자동 변경간단하게 사용할때는 fetch를 쓰고, 이

2022년 9월 16일
·
0개의 댓글
·