728x90 분류 전체보기75 [React] useEffect 총정리 React Hook인 useEffect에 대해서 정리해보겠습니다 📌 useEffect ? React Hooks 중 하나인 useEffect는 컴포넌트가 렌더링된 이후에 특정 작업을 실행할 수 있도록 하는 Hook이다. 왜 Effect라는 이름인가? 컴포넌트의 핵심 기능인 html 렌더링 이후에 동작하기 때문이다. 즉, 핵심 기능과 상관 없는 Side Effect(=함수의 핵심 기능과 상관 없는 부가기능)이라는 의미이다. useEffect( () => { 실행할 코드 }, [실행조건]); → 콜백 함수 안에 실행할 코드를 적고, 두 번째 파라미터로 배열 형태의 dependency를 넣을 수 있는데 dependency에는 변수나 state 같은 것들을 넣을 수 있다. 이는 실행조건이라고 보면 된다. 📌 Co.. 2023. 1. 8. [Next.js] _app.js와 _document.js에 대해서 Next.js의 _app과 _document에 대해서 알아보겠습니다 📌 _app 가장 먼저 실행되는 컴포넌트 → 모든 페이지는 _app을 통해 실행됨 → 모든 페이지에서 필요한 처리를 할 수 있음 각각의 페이지가 초기화될 때 로딩되는 파일 → 자신이 원하는 로직으로 페이지를 초기화할 수 있음 위와 같은 특징들로 인해 _app의 대표적인 사용 예는 다음과 같다. 각 페이지의 공통된 레이아웃 페이지 작성 전체 앱에 Global CSS 적용 Redux Provider 설정 import "../styles/globals.css"; import type { AppProps } from "next/app"; import Layout from "../components/layout"; function MyApp({ .. 2022. 12. 26. 신입 프론트엔드 개발자의 수습기간 3개월 회고 어느덧 신입 프론트엔드 개발자로 취업한 지 3개월 이상이 지났다 처음 면접을 본 곳에서 바로 취업이 결정되어, 약 7개월 정도의 취업 준비 끝에 지금의 회사에 취업하게 되었다. 본격적으로 취업을 준비하기 시작하던 때라 더 많은 회사에 지원을 해볼까도 싶었지만 면접에서 함께 일 할 사람에 대한 좋은 인상을 받았고, 빨리 커리어를 시작해보고 싶어 입사를 하게 되었다. 이 글에선 3개월 동안 어떤 업무를 진행했는지 정리하고, 그 업무 속에서 배운 것들, 아쉬웠던 점들을 기록해보고자 한다. 업무 내용 🚀 '모바일 이벤트 페이지' 퍼블리싱 : 처음 업무다운 업무를 받은 것은 퍼블리싱 업무였다. 입사한 뒤 2주 정도는 회사에서 어떤 프로젝트들이 진행되고 있는지 설명을 들었고, 업무 환경 세팅, 프로젝트 코드 살펴보.. 2022. 12. 22. 이전 1 ··· 16 17 18 19 다음 728x90
