태그 목록
전체보기 (58)JavaScript(22)React(9)CSS(6)html(6)비동기(4)codekata(3)array(3)method(3)if(2)lifecycle(2)API(2)조건부 렌더링(2)deepdive(2)scope(2)git(2)github(2)library(2)router(2)Comment(2)component(2)button(2)Map(2)spa(2)const(2)let(2)variable(2)CS(2)class(2)coding test(2)basic(2)math(1)goorm(1)선언(1)semantic tag(1)promise(1)video(1)useRecoilState(1)타입 변환(1)싱글 스레드(1)programmers(1)상태 관리(1)dynamic routing(1)instance(1)URI(1)framework(1)논리연산자(1)rebase(1)catch(1)restful api(1)http(1)bind(1)Box Model(1)동적 라우팅(1)CRA(1)block level(1)process(1)REST(1)non - constructor(1)project(1)useSetRecoilState(1)전역 상태 관리(1)call stack(1)MPA(1)프론트엔드(1)input(1)float(1)convention(1)hosting(1)Recoil(1)버전 관리(1)await(1)img tag(1)useState(1)구조(1)event loop(1)new.target(1)chat(1)async(1)node.js(1)신입 개발자(1)study(1)&&(1)useRecoilValue(1)실행 구조(1)layout(1)legacy(1)hoisting(1)멀티 스레드(1)settings(1)반복문(1)switch(1)@media(1)querySelectorAll()(1)var(1)quiz(1)data type(1)삼항연산자(1)homebrew(1)media query(1)State(1)Sort(1)this(1)arrow function(1)DOM(1)css variable(1)nvm(1)Constructor(1)웹아키텍쳐(1)memory heap(1)개발 환경 세팅(1)CSR(1)SSR(1)렌더링(1)Single Thread(1)background image(1)type(1)회사(1)max(1)data(1)Markdown(1)단축 평가(1)http method(1)Fetch(1)Query String(1)display(1)style(1)참조 타입(1)객체지향(1)readline(1)output(1)Fulfilled(1)semantic web(1)변수(1)rendering(1)styled component(1)CRUD(1)math object(1)원시 타입(1)min(1)ES6(1)componentDidMount(1)Pending(1)jdk(1)algorithm(1)Rejected(1)promise.all(1)multi thread(1)environment variable(1)callback queue(1)Cording Test(1)apply(1)call(1)new Object(1)tag(1)function(1)Counting(1)watchman(1)@Resource(1)virtual DOM(1)path parameter(1)object(1)할당(1)asynchronous(1)web(1)position(1)

TIL. 44 Recoil로 부모 컴포넌트의 상태 변경하기

💡 Recoil React는 Angular, Vue.js와는 다르게 기본적으로 부모에서 자식 방향으로만 state를 props로 전달할 수 있는 단방향 라이브러리이다. 물론, 자식에서 부모의 state를 바꿀 수 있는 방법이 존재하지만 규모가 커질수록 관리가 어렵

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

TIL. 40 React - 버튼 컴포넌트

버튼을 컴포넌트화 시켜 사용할 때, 기본적으로 버튼에 사용되는 속성을 미리 지정해놓고 사용 위치에서 해당 내용을 props로 내려주면 간단히 사용이 가능하다. 💡 기본 형태 버튼 텍스트, 활성화 등 필요한 속성에 대한 값을 사용할 위치에서 지정해 사용한다. 💡

2021년 7월 29일
·
0개의 댓글

TIL. 37 React - Styled Component를 사용한 버튼 색 바꾸기

아직 익숙치는 않지만 이리저리 코드를 수정하며 사용법에 대한 아주 대략적인 감은 get했나..? hook과 styled component에 대한 내용을 공부하며 작성하는 게시글이 많아질 것 같다.

2021년 7월 20일
·
0개의 댓글

TIL. 36 React - Dynamic Routing

Route 경로에 특정 값을 넣어 해당하는 페이지로 이동할 수 있게 하는 것 을 동적 라우팅Path Parameter 라우트 경로 끝에 들어가는 id 값들을 저장하는 매개 변수이며, Path Parameter는 Routes 컴포넌트 안에서 아래와 같이 정의된다.hist

2021년 7월 13일
·
0개의 댓글

TIL. 35 React - 백엔드와의 통신 중 생긴 레이아웃 문제

백엔드와 데이터 통신 중, 데이터를 받아오자 style이 꼬였다. 아무리 생각해도 데이터를 받아왔다고 해서 style이 바뀌진 않을텐데...라고 생각했다.결론적으로, 문제는 map에 있었다. mock data와 백엔드 통신을 번갈아가며 테스트 하는 중에 div에 fle

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

TIL. 34 React - 조건부 렌더링

💡 조건부 렌더링 조건부 렌더링 조건부 렌더링이란, 특정 조건에 따라 다른 결과물을 렌더링 하는 것을 말한다. 작업 중, map()을 사용해 state 값을 자식 컴포넌트로 보내려고 할 때, 없는 값을 map()을 하고 있다는 에러 메시지를 종종 본다. 이는 조건

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

TIL. 33 React - fetch 함수를 통한 API 호출

💡 fetch 함수 > methos 패치 함수의 메소드 중 GET은 데이터를 단방향으로 받을 때 사용하며, POST는 서버와 통신하며 서로 주고 받을 때 사용한다. componentDidMount() 기본적인 리액트 Lifecycle은 바로 render 함수가

2021년 7월 4일
·
0개의 댓글

TIL. 32 React - 리액트 내부에서의 if문 패턴

mock data와 리팩토링을 진행하면서 여러가지 헷갈렸던 부분을 정리하기 위해 쓰는 글.

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

TIL. 28 React - Basic, Router

JavaScript와 기본적인 구성은 비슷하지만, 다른 언어라고 봐도 무방하다고 생각하며 HTML, CSS, JS가 모두 포함되어 있다.React(리액트)는 UI를 효과적으로 보여주기 위한 JavaScript의 라이브러리이다.페이스북의 지속적인 관리로 생태계가 활성화

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