[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 프론트엔드(11)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 프론트엔드(10)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 프론트엔드(9)[신한투자증권] 프로 디지털 아카데미 6기 - 클sillonjeu.tistory.com안녕하세요 오랜만입니다.. 블로그 쓰고싶었는데 너무 바빴어요 ㅠㅠ이제 미니 프로젝트를 들어가기 전, 마지막으로 next.js를 배워보자. 화이팅! 프론트엔드의 끝이 아닌, 프로젝트를 위한 새로운 시작이네요1. 실습으로 바로 익숙해져봅시다먼저 .. 페이지를 생성하려면 아래의 형식과 같이 코드를 작성하자.export default function PostsPage() { return ( ..

[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 프론트엔드(8)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 프론트엔드(7)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 프론트엔드(6)[신한투자증권] 프로 디지털 아카데미 6기 - 클라sillonjeu.tistory.com오늘은 주로 React의 이론을 중심으로 강의가 진행되었다. 스타일 적용 부분에서는 styled-component, tailwindcss를 더 다양한 Hook과 함수 부분에서는 Suspense와 코드분할, 리소스를 읽기 위한 useTransition, HOC에 대해 알아보자. 오늘은 오랜만에 실습이 없네요1. styled-components로 버튼 스타일링하기npm install styled-co..

[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 프론트엔드(7)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 프론트엔드(6)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 프론트엔드(5)[신한투자증권] 프로 디지털 아카데미 6기 - 클라sillonjeu.tistory.com지난 시간에 못다한 실습을 마무리해보자...! 오늘 풀이한 문제 수는 적었지만, 다양한 요소들을 생각해야 풀 수 있는 React 고봉밥 문제였다. 그러니 React 고봉밥 먹고 쑥쑥 큽시다1. 실습(9_6)Context API + 커스텀 훅(useTodo)으로 감싸고, 각 기능을 입력/색상선택/리스트/아이템 4개의 컴포넌트로 분리하는 연습을 해보자..! 이에 익숙해지면, 앞으로의 프로젝트에서 상..

[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 프론트엔드(6)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 프론트엔드(5)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 프론트엔드(4)[신한투자증권] 프로 디지털 아카데미 6기 - 클라sillonjeu.tistory.com오늘은 React 본격 시작하기? 강의를 진행했다.useMemo, memo, usecallback, context를 왜 사용해야 하는지에 대해 간략히 살펴보고, 오늘도 즐거운 삽질 실습의 과정을 기록해보자..! 요즘 React가 너무 어려워요 .. 그래도 다들 똑같이 힘들겠죠..?1. useMemo위 코드는 보시다시피, 소수를 계산하는 함수이다. limit까지 반복하면서 소수인지 확인하고, (i ..

[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 프론트엔드(5)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 프론트엔드(4)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 프론트엔드(3)[신한투자증권] 프로 디지털 아카데미 6기 - 클라sillonjeu.tistory.com오늘은 .. 지난 시간까지 배운 내용을 토대로, 9번까지의 실습을 진행할 예정이다. 늘 그랬듯이, 문제를 위한 완벽한 정답은 없지만, 해결하려는 나 자신이 있을 뿐이다. Done is Better than Best실습(4) - useEffect, useState와 친해집시다내가 작성한 코드의 흐름은 아래와 같다.useState로 버튼의 상태("On" 혹은 "Off")를 저장하고버튼 클릭 시 cha..

한재엽님 깃허브, 규글님 깃허브를 기준으로 공부한 것을 작성한 글이며, 부족한 부분은 구글링을 하며 작성할 예정 GitHub - JaeYeopHan/Interview_Question_for_Beginner: :boy: Technical-Interview guidelines written for those who started studying:boy: :girl: Technical-Interview guidelines written for those who started studying programming. I wish you all the best. :space_invader: - GitHub - JaeYeopHan/Interview_Question_for_Beginner: :boy:...github...