profile
기록하는 개발자 Ayden 입니다.
post-thumbnail

멋쟁이사자처럼 프론트엔드 스쿨 2기 58_Day

TDD1-1 Jasmine1-2 Jest(React)면접 대비🕵️‍♀️ TDD 란?테스트 주도 개발이라는 뜻으로 말그대로 테스트 코드를 먼저 작성하여 의도한대로 동작하는지 확인한 뒤에 기능을 구현하는 개발 프로세스이다.✍ TDD 단계1\. 실패하는 작은 단위 테스트

2022년 6월 28일
·
0개의 댓글
·
post-thumbnail

멋쟁이사자처럼 프론트엔드 스쿨 2기 52_Day

React1-1 Redux1-2 Axios지난 포스팅의 연장인 Redux이다. 다만, 지난 포스팅에서는 Vanilla JS에서의 Redux 사용이고, 이번 포스팅의 주제는 React에서의 Redux사용이다.✍ React에서 Redux 사용Type을 생성하는 함수초기값

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

멋쟁이사자처럼 프론트엔드 스쿨 2기 49_Day

📖 오늘 학습 뽀인트! React 1-1 useContext 1-2 Lifecycle, Hook Flow 1-3 useEffect와 useLayoutEffect 1-2 LifeCycle, Hook Flow > 🕵️‍♀️ React의 생명 주기란? LifeCycle

2022년 6월 15일
·
0개의 댓글
·
post-thumbnail

멋쟁이사자처럼 프론트엔드 스쿨 2기 48_Day

React1-1 Route에서 match1-2 useEffect1-3 useRef1-4 useMemo1-5 정리1-6 useEffect와 useMemomatch는 보통 동적인 URL를 렌더링할 때 사용한다.path="/blogdetail/:id" 에서 /:변수명은 동적

2022년 6월 14일
·
0개의 댓글
·
post-thumbnail

멋쟁이사자처럼 프론트엔드 스쿨 2기 47_Day

React1-1 개념 복습1-2 React 과제💬 React에서 재랜더링 되는 기준 3가지1\. 해당 컴포넌트가 가진 변수가 useState로 수정될 때.2\. 해당 컴포넌트의 부모가 재랜더링 될 때.3\. 해당 컴포넌트의 props가 변경되었을 때.💬 컴포넌트는

2022년 6월 13일
·
0개의 댓글
·
post-thumbnail

멋쟁이사자처럼 프론트엔드 스쿨 2기 46_Day

CSS in JS 단어 그대로 자바스크립트 코드에서 CSS를 작성하는 방식을 말합니다. 리엑트 훅(중요) Hook을 이용하여 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있습니다. 16.8 version에 도입 us

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

멋쟁이사자처럼 프론트엔드 스쿨 2기 45_Day

React1-1 useState🕵️‍♀️ useState란?변수 값이 바뀌는 경우, 변경된 값을 동적으로 화면에 보여줘야 할 때 사용한다.num이라는 변수와 setNum이라는 함수가 선언되었고, 초기값이 설정되었다.setNum(1)로 num의 값을 변경할 수 있으며,

2022년 6월 9일
·
0개의 댓글
·
post-thumbnail

멋쟁이사자처럼 프론트엔드 스쿨 2기 44_Day

React1-1 위니브 사이트 (with React)1-2 프로젝트 생성 및 배포body 라는 변수에 JSX 형식으로 Main, Product 함수의 결과를 넣는다.위 소스코드에는 data라는 객체가 없지만 있다고 가정하고 Product 함수에item이라는 변수에 da

2022년 6월 8일
·
0개의 댓글
·
post-thumbnail

멋쟁이사자처럼 프론트엔드 스쿨 2기 43_Day

Test간단한 Vi command 명령서버 관련 용어정리서비스 배포 절차React추후 프로젝트 진행 시 협업할 반을 공정하게 배정하기 위해 테스트를 진행했고 점수를 받았다. HTML, CSS, JavaScript에 대한 전반적인 개념 문제가 19문제이고, DOM 제어

2022년 6월 7일
·
0개의 댓글
·