부트캠프

시작하기 처음으로 부트캠프를 시작했다. 원하는 일을 시작하기 전에 다양한 경험을 쌓은 후 시도하고 싶었다. 이번 [유데미X스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 과정을 진행하면서 최선을 다 할 예정이다. 백엔드를 주로 하던 개발자에

본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다. #프로젝트캠프 #프로젝트캠프후기 #유데미 #스나이퍼팩토리 #웅진씽크빅 #인사이드아웃 #IT개발캠프 #개발자부트캠프 #리액트 #react #부트캠프 #리액트캠프

3일차 - 서비스 흐름 잡기 오늘 강의는 UML을 활용하여 지난번에 과제로 내주신 마인드맵을 다이어그램화 하는 작업을 진행했다. 정보처리기사를 공부할 때 배웠던 내용인데 직접 해 볼 수 있어서 매우 좋은 기회였다. 이전에 공부했던 기억이 살아나고 왜 UML을 사용하는지

4일차 > React에서 핵심 내용 이해하기📚 4일차는 리액트 예습이다. 특별히 과제 같은 것이 있는 게 아니라 내가 하고 싶어서 작성하는 것이다. props State 정리하기 본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성

서비스 기획 단계 정리🧗‍짧고 단순하지만, 내용은 명확하게불편함을 찾아서 편리하게.본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.\#프로젝트캠프 #프로젝트캠프후기 #유데미 #스나이퍼팩토리 #웅진씽크빅 #인사이드아웃 #IT개

6일차 > 본격적으로 React를 공부할 자세!💪 6일차는 본격적으로 React 공부를 준비하기 위한 시작 단계다. React는 프론트 단에서 사용자 UI를 구축하기 위한 Javascript 라이브러리다. 그래서 React를 사용하기 위해서는 웹을 구성하는 아주

7일차 > 스스로 해봄으로써 성장하기🔥 7일차는 '세이프홈즈 렌더링 페이지를 보고 HTML 클론코딩 하기'와 받은 유데미 강의 중 git 강의를 수강했다. 다른 강의가 많지만 git을 우선으로 수강한 이유는 프로젝트를 진행할 때 버전관리를 잘 해야 하고, 강의를 진

8일차 8일차는 CSS 강의를 들었다. 프론트엔드를 함에 있어 이미지를 그려주는 역할이다. 개인적으로 CSS는 매우 중요한 역할이고 큰 부분을 차지하고 있다고 생각한다. 그래서 이번 강의는 기초적인 부분도 있지만 개인적으로는 잘 활용하는 것에 목표를 두어 공부를 했다.

9일차 > 하나의 작은 것에서부터 시작⛳️ 정리하기 본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다. #프로젝트캠프 #프로젝트캠프후기 #유데미 #스나이퍼팩토리 #웅진씽크빅 #인사이드아웃 #IT개발캠프 #개발자부트캠프 #리액

10일차 벌써 2주차의 마지막이다. 이번 주 한 주는 웹을 구성하는HTML, CSS, Javascript에 대해 공부를 했다. 웹에 대한 기초지식은 어느 정도 알고 있었기 때문에 복습한 시간이었다. 그리고 강의를 들으면서 내가 모르고있던 부분이나 놓치고 있던 부분을 알

11일차 git: https://github.com/leeyulgok/3-Day-1 11일차도 지난 시간에 이어서 Javascript를 공부했다. 바닐라 문법뿐만 아니라 ES6문법, script 문법도 배웠다. 이번 시간을 좀 더 실사용 가능한 것들을 배웠고, ht

첫 번째는 오픈웨더 API를 사용해서 날씨 표현.두 번째는 실시간으로 바뀌는 시간.세 번째는 자바스크립트로 글쓰기네 번째는 To-do-list 작성마지막은 배경화면 랜덤 변경git https://github.com/leeyulgok/3-Day-1/blob/ma

13일차 13일차 수업은 API을 배웠고, 본격적인 React 수업에 들어갔다. 미리 공부를 해두었기 때문에 어려움은 없지만, 중요한 건 잘 활용하는 것이기 때문에 최대한 배운 걸 어떻게 활용하면 좋을까를 생각하면서 수업을 들었다. 우선은 배웠던 내용을 하나하나 기록

git : https://github.com/leeyulgok/3-Day-1/tree/main/%EC%8B%A4%EC%8A%B5https://ko.wix.com/website-template/view/html/2846?originUrl=https%3A

15일차 15일차는 React의 핵심개념과 create-react-app을 통해 react를 사용했다. 공부한 개념과 사용한 것들을 하나하나 복습을 통해 정리하고 다음 단계를 위해 준비해야겠다. git: https://github.com/leeyulgok/3-Day-

16일차 수업 실습 정리하기 본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다. #프로젝트캠프 #프로젝트캠프후기 #유데미 #스나이퍼팩토리 #웅진씽크빅 #인사이드아웃 #IT개발캠프 #개발자부트캠프 #리액트 #react #부

git: https://github.com/leeyulgok/React-BootCamp-Team2/tree/yulgok메인페이지상세페이지본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.\#프로젝트캠프 #프로젝트캠프후기

git: https://github.com/leeyulgok/4-Day2코드 재사용: 중복 코드 제거코드 구조 개선: 컴포넌트에서 상태 관리, API 호출, 이벤트 핸들링 등과 같은 복잡한 로직을 분리함으로써 컴포넌트의 구조를 단순화하고 가독성을 향상테스트 용

git: https://github.com/leeyulgok/yulgok-pageContactForm.jsFormField.js이 부분을 잘 진행했다 생각하기 때문에, 다음에는 어떤 기능을 추가해볼까 생각중이다. 물론 페이지의 내용은 나중에 채울 예정이다. 지

git: https://github.com/leeyulgok/4-Day3Actions : 애플리케이션에서 무엇이 일어나는지 설명하는 객체.모든 action은 type 속성이 필수.Reducers : 액션에 따라 상태가 어떻게 바뀌는지를 명시하는 함수. 이전 상

21일차 21일차는 Redux에 대해 복습하고 더 공부하는 시간을 가졌다. 전에는 주로 Reducer 라는 함수를 위주로 배웠다면, 이번에는 더 큰 개념으로 Redux라는 걸 공부했다. git : https://github.com/leeyulgok/5-Day1 수업

gitHub: https://github.com/leeyulgok/React-BootCamp-Team2/tree/main/src본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.\#프로젝트캠프 #프로젝트캠프후기 #유데미

gitHub : https://github.com/leeyulgok/5-Day2공식 홈페이지 : https://firebase.google.com/docs?authuser=0&hl=ko실시간 데이터베이스 : 실시간으로 데이터를 동기화할 수 있는 JSO

24일차 24일차는 개인 페이지를 진행했다. 어제 배운 Firebase를 사용하면 Contact부분에 있는 Form으로 이메일을 보낼 수 있겠다 생각해서 이메일을 보내는 걸 만들었다. gitHub : https://github.com/leeyulgok/yulgok-p

25일차 이번 부트캠프는 총 10주간의 교육기간 중 6주간의 사전교육이 이루어지고, 4주간은 프로젝트를 진행한다. 프로젝트 수업 정리하기 KPT 본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다. #프로젝트캠프 #프로젝트

공식 홈페이지 : https://www.notion.so/ko-kr사용법 : https://www.notion.so/ko-kr/help/guides\+) 우선 그 중 기억에 남는 사이트 : 우피 https://www.oopy.io/노션을 사용

gitHub: https://github.com/leeyulgok/yulgok-pageuseCheckValidation.js정규 표현식 해석1\. Name : 최소 2글자, 최대 30자, 특수문자, 숫자 불가2\. Phone : 숫자만 가능, 010으로 시작3

클래스룸페이지ᄂ콘텐츠올리기ᄂ콘텐츠삭제ᄂ콘텐츠순서변경ᄂ콘텐츠수정ᄂ콘텐츠확인(시청)ᄂ커뮤니티연동Typescript, Next.js (13v), tailwindCSS마우스를 누르면 (mousedown 이벤트) 그리기를 시작새로운 선을 linesDrawn 배열에 추가.마우스를

gitHub : https://github.com/leeyulgok/tailwind공식 홈페이지 : https://tailwindui.com/문서 홈페이지 : https://tailwindcss.com/docs/installation본 후기는

30일차 프로젝트 정리하기 KPT Keep > Problem > Try > 본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다. #프로젝트캠프 #프로젝트캠프후기 #유데미 #스나이퍼팩토리 #웅진씽크빅 #인사이드아웃 #IT

강좌 올리기올라간 강좌 순서 변경강좌 수정/삭제커뮤니티 연동강좌 수강진도 표시태스크 목록세부사항이런 식으로 진행이 되었다.본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.\#프로젝트캠프 #프로젝트캠프후기 #유데미 #스나이퍼팩토

Modal. js본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.\#프로젝트캠프 #프로젝트캠프후기 #유데미 #스나이퍼팩토리 #웅진씽크빅 #인사이드아웃 #IT개발캠프 #개발자부트캠프 #리액트 #react #부트캠프 #리액트캠프

이점은 다음과 같다.일관성: 프로젝트에 참여하는 여러 개발자들이 동일한 스타일과 규칙을 따라 코드를 작성하므로써 일관성을 유지.가독성: 명료하고 이해하기 쉬운 코드를 작성하기 위해 컨벤션은 일련의 가이드라인을 제공.유지보수성: 코드의 가독성과 일관성은 유지보수성을 향상

설계한 DB의 일부 예시DB뿐만 아니라 앞으로 모든 코드를 작성할 때는 추측이 아닌 명확한 근거를 토대로 작성하는 습관을 들여야겠다.

댓글 컴포넌트 : 댓글이 표시되는 부분댓글폼 컴포넌트 : 댓글을 입력하는 폼 부분댓글/답글 섹션 컴포넌트 : 댓글과 답글 모달에 해당하는 부분기록하기공부하기협업 중요시 생각하기깃에 대한 무지함아직은 필요한 의존도깃 공부하고 정리하기맡은 부분 확실하게 하기

유저(users)게시물(posts)강의(lectures)과제(assignments)https://eraser.io/본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.\#프로젝트캠프 #프로젝트캠프후기 #유데미 #스나이퍼팩

들어가며 4주 간의 프로젝트도 끝나면서, 프론트엔드 부트캠프가 마무리되었다. 그동안은 프로젝트에 집중하느라 블로그를 운영하지 못했다. 그래서 이제는 전체적인 프로젝트 후기를 남기고, 좀 더 세부적인 기술과 같은 세부사항은 포스팅을 하면서 이해하고 짚고 넘어가려 한다.