[유데미x스나이퍼팩토리] 10주완성 프로젝트 캠프 React

서비스기획 1일차, 세상 플랫폼의 정의

📍서비스기획 강의리뷰 2일차, UML를 통한 서비스 흐름 잡기 🫠 느낀점 🗒 숙제 본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.

Git이란 파일의 히스토리를 관리해주는 시스템이다. '2023년 6월 9일, README.md의 파일이 수정되었습니다.'와 같은 변경 이력이 남는다.시스템에 장애가 발생했을 때 장애가 나기 이전 상태로 돌아갈 수 있다.Github란 클라우드 기반의 Git 저장소(Git

📍서비스기획 강의리뷰 3일차, 세상 플랫폼의 정의 🗒 숙제 🫠 느낀점 본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.

📍 웹 표준의 개념 🗒 숙제 🫠 느낀점 본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.

2주차 과제 1️⃣ (구)세이프홈즈 랜딩페이지 반응형 퍼블리싱 - HTML만 작성 Requirement 아래의 link를 참고하여 HTML 코딩 (구)세이프홈즈 랜딩페이지 Coding Result 🫠 느낀점 본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝

Css >* CSS(Cascading Style Sheets)*의 약자이며 웹페이지를 꾸미려고 작성하는 코드이다. 일반적으로 stylesheet = Cascading StyleSheet(CSS) Cascading: '위에서 아래로 흐른다'는 뜻으로 계단식으로 적용된다

2주차 과제2️⃣ Requirement 내 프로필 만들기 - HTML5, CSS3, Javascript Coding Result GitHub 🫠 느낀점 본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.

JavaScript 본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.

2주차 과제3️⃣ Requirement (구)세이프홈즈 랜딩페이지 클론코딩 - HTML, CSS 코딩 필수사항 : 반응형을 고려해서 만들 것 Coding Result GitHub 🫠 느낀점 본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로

JavaScript 브라우저 사이즈 확인 object[‘key’] vs object.key []은 변수로 접근 가능하지만, .은 바로 객체의 속성에 접근한다. []은 객체에 속성값이 문자열이라면 전부 접근가능하다. object[a]에서는 a가 변수가 되어 실제로

Vanilla JS로 배경이미지 랜덤 변경Vanilla JS로 인사 만들기Vanilla JS로 시계 만들기Local Storage 는 브라우저에 무언가를 저장할 수 있게 해준다. 웹페이지의 세션이 끝나더라도 데이터가 지워지지 않는다. 다시 말해, 여러 탭이나 창 간에

JavaScript Fetch API > Fetch API는 HTTP 파이프라인을 구성하는 요청과 응답 등의 요소를 JavaScript에서 접근하고 조작할 수 있는 인터페이스를 제공한다. Fetch API가 제공하는 전역 fetch() 메서드로 네트워크의 리소스를 쉽게

3주차 과제2️⃣ Requirement Vanilla JS로 할 일 목록 만들기 Vanilla JS 내 위치의 날씨 만들기 Coding ✚ 인사 만들기 : Logcal Storage에 username을 저장하고 있으면 username를 입력받지 않고 username

React App 설치 및 실행 폴더명에 느낌표(!)가 포함되어 있으면 Failed to compile 가 발생한다. 느낌표(!)는 로더 구문용으로 예약되어 있어 허용되지 않는다. useState State란 컴포넌트가 가질 수 있는 상태를 말한다. useStat

3주차 과제3️⃣ Requirement React로 배경이미지 랜덤 변경 React로 인사 만들기 React로 시계 만들기 Coding Result GitHub 🫠 느낀점 본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니

React React Router Dom 설치 해당 프로젝트 디렉토리로 이동하여 라우터 관련 라이브러리를 설치 프로젝트에 라우터 적용 라우터 적용은 App.js 에서 BrowserRouter 라는 컴포넌트를 사용하여 구현 사용법 Route: 특정 주소에 컴포넌트 연

React로 할 일 목록 만들기(개인)영화 소개 웹페이지 만들기(팀)할 일 목록 만들기trim()메서드는 문자열 양 끝의 공백을 제거하고 원본 문자열을 수정하지 않고 새로운 문자열을 반환여기서 말하는 공백이란 모든 공백문자(space, tab, NBSP 등)와 모든 개

여러 컴포넌트에서 공통된 로직을 재사용하기 위해 만들어진 함수Custom Hooks은 로직을 추상화하고 컴포넌트로부터 분리하여 재사용성과 코드 가독성을 개선전체 응용 프로그램의 모든 컴포넌트에서 사용 가능캡슐화 할 수 있음src 디렉터리에 hooks 라는 디렉터리 생성

throw 문을 사용하면 예외를 던질 수 있고, 던진 예외는 try...catch 문으로 처리할 수 있다.try...catch 문은 하나 이상의 명령문을 포함하는 try 블록, 그리고 try에서 예외가 발생할 경우 그 예외를 처리할 명령문을 담은 하나의 catch 블록

4주차 과제2️⃣ Requirement Movie App 실시간 채팅 구현하기 Custom Hook 만들기 Coding Movie App 실시간 채팅 구현하기 Custom Hook 만들기 Result GitHub 🫠 느낀점 본 후기는 유데미-스나이퍼팩토리 10주

React Redux > Redux란 본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.

Movie App에 Redux를 사용하여 데이터 흐름 관리하기terminal에서 Redux설치13회차 과제본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.

Firebase AWS 본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.

프로젝트 환경 설정 React 18.2 + TS + Vite + npm 으로 통일 필수 (*Org 내 boilerplate 레포 참고) 그 외 css, 전역상태관리는 Tailwind CSS, SWR 권장 (필수 X) TypeScript > TypeScript란 Jav

일, 월, 년 또는 수십 년 선택범위 선택 지원거의 모든 언어 지원moment.js가 필요 없음➕ If you want to use default React-Calendar styling to build upon it, you can import React-Calend

본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.

REST는 Representational State Transfer의 약자로 자원을 이름으로 구분하여 해당 자원(URI)의 상태를 CRUD Operation을 적용하여 주고받는 모든 것을 의미한다.Resource(자원): HTTP URI(Uniform Resource