# 학습 전 나의 상태 어제 스타일컴포넌트를 배우고 CSS를 사용할 때보다 더욱 활용하기 쉬움을 알게되었다. 실은,, 코드스테이츠에서 파이널 프로젝트 할 때 사용해봤다. ㅋ.. 그래서 다시 한 번 보며서 그 때 이해하지 못했던 부분들을 이해하려고 노력했던 것 같다. props를 전달하는 방법과 반복되는 코드들을 불러와서 적용시키는 방법등 유용한 것들을 많이 배웠다. 오늘은 처음으로 typescript를 접한다. 어떻게 사용하는 것인지 내심.. 기대도 되고 새로운 것이라 긴장도 된다. 잘 정리해서 공부해봐야지..! # 오늘의 학습 내용 TYPESCIPT 란? JavaScript를 기반으로 한 프로그래밍 언어 ( 다른 프로그래밍 언어!) Strongly-Typed 언어이다. Strongly-Typed 는 프..

# 학습 전 나의 상태 오늘은 useEffect를 공부한다. 내가 가장 이해하기 어려운.. 의미는 알겠는데 어떻게 사용해야할지.. 막막한 부분이다. 이 부분을 잘 기억하길.. 바라며.. 오늘도 화이팅.! # 오늘의 학습 내용 특정 코드의 실행을 제한하고 싶을 때 처음 렌더되고 이후로 실행하지 않는 방법 useEffect.. import { useState, useEffect } from 'react'; function App() { const [counter, setCounter] = useState(0); console.log("I run all the time.") useEffect(() => { console.log("Call the API..") }, []); const onClickPlus = ..

# 학습 전 나의 상태 저번시간에 state에 대해 배웠는데 음.. 생각보다 이해가 잘 되었다고해야할까..? 어쨋든.. 리액트 네이티브 수업을 들으면서 리액트를 접해서 그런지 그래도 어느정도 이해는 되는 것 같다. 오늘은 props에 대해 공부할 것이다. # 오늘의 학습 내용 Props 부모 컴포넌트에서 자식 컴포넌트로 데이터를 보냄 Component 란? 어떤 JSX를 반환하는 함수 버튼으로 props를 전달하는 예제 function Btn ({btnText, changeValue}) { return ( {btnText} ) } function App() { const [value, setValue] = React.useState("Save Changes"); const changeValue = () ..

# 학습 전 나의 상태 React 초급을 다시 한 번 보기로 했다. 처음 시작은 ReactDOM을 통해서 배우고 있다. 원리를 이해하기 위한 방법이라고 하는데 생각을 더듬으며 해야할 것 같다. React정복.. 시작.. # 오늘의 학습 내용 setState로 변한 값을 구할 때 나는 아래와 같이 작성했었다. function App() { const [counter, setCounter] = React.useState(0); const onClick = () => { // 기존 나의 방식 setCounter(counter+1); // 오늘 배운 방식 setCounter(current => current + 1); } return ( Total clicks: {counter} Click me ); } set..

# 학습 전 나의 상태 바닐라 JS 챌린지를 신청하고 중간에 시간이 좀 남아서 신청했던 챌린지다. HTML보다 CSS에 대해 공부하고 싶어 신청하였고, CSS를 배우는 것이 가장 큰 목표였다. # 챌린지 회고 생각보다 많은 걸 깨닫고 내가 자만했음을 깊이 반성하는 시간이었다. HTML은 정말 쉽게 생각했는데 아니었다... 내가 모르는게 많았었다.. form과 input을 함께 사용해야하는 이유, 태그에 아이디 속성 없이 클래스 속성을 통해 구분하는 방법 등 정말 많은 걸 배울 수 있는 시간이었다. 그리고 내가 가장 중요하게 생각했던 CSS.. 이 챌린지를 통해 내가 확실히 배운건 display: flex 를 어디에 써야하는지.. 그리고 position 을 활용법에 대해 확실히 알게 되었다. 이전에 파이널..