Front-end Back-end Databases Development Tools DevOps Collaboration Tools

2주차 2024.07.22 ~ 2024.07.26 🐥 2주차 회고 🐣 학습 내용 1일차: React의 기본 개념 및 css 스타일링 react 프로젝트 생성 (vite) react 이론 리액트의 기본 개념 + virtual DOM 확장자 react component ...

Context API - Props Drilling Props-Drliing 문제점 데이터를 전달하기 위해 많은 중간 컴포넌트들이 불필요하게 props를 받아서 다시 전달해야하는데, 이는 코드 가독성을 저하시킴 컴포넌트 트리가 변경되거나 중간에 새로운 컴포넌트를 추가하거나 제거해야 하는 경우, 모든 관련된 컴포넌트의 props를 업데이트해...

1주차 2024.07.15 ~ 2024.07.19 🐥 참가하게 된 계기 백엔드 개발을 주로 해왔었는데 프론트엔드 기술을 배우기 위해 Next.js 과정을 시작하게되었다. 스프링부트와 자바만 주구장창 하던 내가… 몇개월 전에 리액트를 접하게 되었는데 너무나도 재미있고 나에게 잘 맞았다… 그러다가 Next JS를 알게되었고 프론트엔드쪽도 깊게...

1️⃣ 타입스크립트 기본 타입 String let color: string = "blue"; Number let decimal: number = 6; Boolean let isDone: boolean = true; Array let list: number[] = [1, 2, 3]; let list: Array<number> = [1,...

🚀 DOM DOM(Document Object Model)은 웹 페이지의 구조화된 표현으로, 자바스크립트를 사용하여 웹 페이지의 콘텐츠와 구조를 동적으로 조작할 수 있음 1️⃣ DOM 요소 선택 getElementById() ➡️ ID로 요소 선택 let element = document.getElementById('myId'); ...

🚀 생성자 함수 / 프로토타입 새로운 객체를 생성하고 초기화하는 함수 생성자 함수는 내부에서 this를 사용하여 생성될 객체의 속성 정의 프로토타입을 사용하여 메서드를 공유하여 코드의 재사용성을 높임 모든 객체는 프로토타입 객체로부터 속성과 메서드를 상속 받음 funct...

🚀 함수 1️⃣ 함수 선억식 function 키워드를 사용하여 함수 정의 호이스팅 ✅, 정의되기 전 호출 가능 function 함수이름(매개변수){ // return 반한값; } 2️⃣ 함수 표현식 변수에 익명 함수나 기명함수를 할당하는 방식으로 정의 호이스팅 ❎, 정의된 후에만 호출 가능 ...

🚀 자료형의 종류 자료형은 프로그래밍에서 변수나 값이 가질 수 있는 데이터의 종류를 의미 1️⃣ 기본 자료형 숫자형 문자열형 논리형 2️⃣ 특수 자료형 undefined 심볼형 null 3️⃣ 참조 자료형 배열 함수 객체 typeof ...