profile
방탄 숙소아줌마

[리액트 기초반] 4주차 - FireStore 사용하기

버킷리스트에 Firestore 데이터를 사용해보자!

2022년 2월 3일
·
0개의 댓글
post-thumbnail

[리액트 기초반] 4주차 버킷리스트 좀 더 예쁘게

버킷리스트를 예쁘게 꾸며주자!

2022년 2월 1일
·
0개의 댓글
post-thumbnail

[리액트 기초반] 4주차 - 스크롤바 움직이기

클릭 한 번으로 맨 위로 이동하는 버튼을 만들자!

2022년 1월 31일
·
0개의 댓글
post-thumbnail

[리액트 기초반] 4주차 - 버킷리스트에 프로그래스바 달기

감상 버튼을 누르면 메인 화면에서 해당 리스트 색상 변화주기 및 프로그래스바에 진척도 보여주기

2022년 1월 31일
·
0개의 댓글
post-thumbnail

[리액트 기초반] 3주차 숙제 - 퀴즈/점수 페이지 만들기

퀴즈페이지와 점수페이지 만들기 1.뷰 제작 및 라우팅 2.기능 추가 - 퀴즈 화면에서 O, X를 누르면 다음 퀴즈로 넘어가기 - 퀴즈를 다 풀면 점수화면에서 첫페이지에서 입력한 이름과 점수 표시 3.리덕스 연걸

2022년 1월 27일
·
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주차 - bash: npm : command not found

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

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