profile
방탄 숙소아줌마

[리액트 기초반] 3주차 - 리덕스 실전

버킷리스트 컴포넌트에 리덕스를 사용해보자.

2021년 12월 8일
·
0개의 댓글

[리액트 기초반] 3주차 - 리덕스 이론

전역상태저장소(전역데이터저장소)로 자식이 부모의 데이터를 관여하는 경우를 방지하기 위해 사용한다. 부모와 자식 어느곳에도 속하지 않는 별도의 전역상태저장소를 생성해서 그곳의 데이터를 부모와 자식이 사용하는 방식이다.

2021년 12월 3일
·
0개의 댓글

[리액트 기초반] 3주차 Quiz - 버킷리스트에 상세페이지를 연결해보자

이전 시간에 만들었던 버킷리스트의 리스트에 라우팅으로 상세페이지를 연결해보자!

2021년 11월 30일
·
0개의 댓글

[리액트 기초반] 3주차 - 라우팅

SPA에서 주소에 따른 다른 페이지를 보여주는 방식

2021년 11월 29일
·
0개의 댓글
post-thumbnail

[리액트 기초반] 3주차 - Event Listener

마우스오버시 텍스트(함수형 컴포넌트)의 배경색과 도형(클래스형 컴포넌트)에 색깔이 바뀌는 Event Listener를 구독해보자!

2021년 11월 26일
·
0개의 댓글

[리액트 기초반] 2주차 숙제

모바일용 퀴즈 페이지를 제작해보자!

2021년 11월 25일
·
0개의 댓글

[리액트 기초반] 2주차 Quiz - 버킷리스트에 아이템을 추가해보자

2주차 - Ref에서 만든 버킷리스트에 input text와 추가하기 버튼을 생성해보자. > ### 정답 > ### 나의 코드 오답노트

2021년 11월 24일
·
0개의 댓글

[리액트 기초반] 2주차 - State 관리

네모칸 만들기 state에 넣은 값만큼 네모칸을 출력하고, add/delete 버튼으로 네모를 추가/삭제 해보자. 0.시작하기 전에 - 단방향 데이터 흐름 > ### 단방향 데이터 흐름'이란? 데이터를 부모에서 자식에게로 넘겨주는 것. > ### 단방향 데이터를

2021년 11월 23일
·
0개의 댓글

[리액트 기초반] 2주차 - Ref

input에 텍스트를 입력하면 본문의 div로 생성하기 1주차 - 자바스크립트 기초(1) 강의에서 이 기능을 구현했었는데, 이번 시간에는 Ref를 사용해서 리액트 요소를 가져올 것이다. 자바스크립트에서는 진짜돔을 수정하는 방식이지만 리액트 요소에 추가된 input은

2021년 11월 21일
·
0개의 댓글

[리액트 기초반] 2주차 - styled-components

styled-components란? 컴포넌트 스타일링 기법 중 하나로 class 이름을 지정하지 않아도 된다는 이점이 있다. 또한 컴포넌트에 스타일을 직접 적기 때문에 생성과 수정이 쉽고 직관적이다. 1.프로젝트 설치 이전에 설치했던 프로젝트와 달리 sytled-c

2021년 11월 18일
·
0개의 댓글

[리액트 기초반] 2주차 - CSS

✔️ class가 아닌 className ✔️ display: flex ✔️ .container > .line ✔️ margin: 상하px 좌우px ✔️ list-item

2021년 11월 8일
·
0개의 댓글

[리액트 기초반] 2주차 - 컴포넌트

1.컴포넌트(Component) > 웹페이지의 구성단위를 말한다. 요소들의 개별적인 블록이라고 생각하면 이해하기 쉽다. 웹페이지는 컴포넌트를 갖고 컴포넌트 또한 더 작은 단위의 컴포넌트를 갖는다. 컴포넌트를 골고루 잘 쪼개고, 개별 컴포넌트의 요소를 잘 만드는 것이

2021년 11월 2일
·
0개의 댓글

[리액트 기초반] 2주차 - 라이프사이클 함수

컴포넌트 생명주기라고도 하며, 컴포넌트가 실행, 업데이트 혹은 제거될 때 발생하는 이벤트, 즉 컴포넌트가 렌더링을 준비하는 순간부터, 페이지에서 사라질 때까지를 말한다.📌 라이프 사이클 공식 홈페이지 도표먼저 나온 컴포넌트로 지금은 잘 사용하지 않는다. 그러나 컴포넌

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

[리액트 기초반] 1주차 - 자바스크립트 기초(3) 배열 내장함수

배열에 사용하는 함수배열에 속해있는 요소들을 반환하는 함수로 반복문과 비슷한 개념이다. 반복문은 시작점과 끝점을 지정해줘야 하지만 map은 요소의 시작부터 끝까지 알아서 반환, 즉 배열의 길이만큼 반환한다. 원본 배열을 훼손하지 않고 새로운 배열을 반환한다.조건을 만족

2021년 10월 23일
·
0개의 댓글

[리액트 기초반] 1주차 - 자바스크립트 기초(2) ES6

* ### ES6 자바스크립트의 표준 문법 중 하나로 가장 보편적으로 쓰이는 프로그래밍 언어다. 이번 시간에 배울 내용도 이 ES6의 문법들이다. 1.let, const 그리고 var let & scope: block level scope 블록 내에서 선언된 변수로

2021년 10월 22일
·
0개의 댓글

[리액트 기초반] 1주차 - bash: npm : command not found

node 14.18.1 설치 완료하지만 npm -v를 입력하면?👉🏻 bash: npm: command not found해당 명령어를 입력하자 에러 발생정확한 메시지는 까먹었지만 brew 명령어 자체가 안되는 것을 확인예전에도 homebrew 설치 할 때 안돼서 애를

2021년 10월 18일
·
0개의 댓글

[리액트 기초반] 1주차 - 자바스크립트 기초(1)

브라우저는 위 ➡️ 아래의 순서로 코드를 읽기 때문에 script는 elements 다음에 위치해야 한다. elements보다 먼저 위치하면 브라우저는 자바스크립트를 적용할 elemsnts가 없다고 읽기 때문에 자바스크립트가 적용되지 않는다.ex) document.bo

2021년 10월 14일
·
0개의 댓글

[리액트 기초반] 1주차 - 프론트엔드 기초

Ⅰ.프론트엔드의 역할 ① 화면 구현하기 ② 데이터를 화면으로 가져오기 Ⅱ.HTML의 기초개념 예제 >* ### tag: 꺽쇄 ex) >* ### 요소(elements): 꺽쇄를 포함한 내용 >* ### Dom(Document Object Model): 문서객체

2021년 10월 10일
·
0개의 댓글
post-thumbnail

[스파르타코딩클럽] 웹개발 종합반 - 5주차(2)

내 프로젝트를 서버에 올리기 > * 서버가 클라이언트의 요청에 상시로 응답하기 위한 조건  - 컴퓨터가 항상 켜져 있을 것  - app.py가 항상 실행중인 상태일 것  - 공개 IP 주소(Public IP Address)로 나의 웹 서비스에

2021년 9월 5일
·
0개의 댓글