[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프(프론트엔드) 프로젝트 2,3주차 회고
🔎 프로젝트 2주차 월,수,금요일 마다 팀원들과 사당에 있는 공유 오피스 회의실에서 만나 서로의 진행 상황들을 공유했다. 서로 안되는 부분, 논의해야 할 사항들에 대해서도 얘기하고 함께 해결하는 시간을 가졌다. 나는 일정 관리 부분에서 상담 일정을 생성하고 조회하는 부분을 맡았고 Tailwind CSS 강의를 들으며 적용시켜보는 한 주를 보냈다. 금요일 스프린트 데이 때 멘토님과 만나 진행 상황을 보고하는 시간이 있었다. 생각보다 우리 팀의 진도는 다른 팀들에 비해 느렸고 또한 기능 구현 순서가 잘못됐음을 알게 되었다.😅 직원/회원/수강권 관리 부분이 우선적으로 만들어지면 그 후에 일정관리/출결 기능들을 개발해야 했는데, 우리 팀은 거꾸로 일정관리 부분부터 만들고 있었다. 나름대로 생각해본 원인은 기존 ..
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프(프론트엔드) 프로젝트 1주차 회고
🔎 프로젝트 1주차 첫 주에는 팀원들과 많은 소통을 했다. 기술 스택과 앞으로의 소통 방식, 깃 활용 방법 등을 정하고 역할 분담을 했다. git issue와 wiki도 처음 사용해보며 팀원들과 할 일 및 일정 등을 공유하기도 했다. 그 동안 코드저장소로만 사용했던 git에 대해 좀 더 알게 된 한 주였다. 우리가 할 프로젝트는 "수업 관리 시스템 제작(PC)"으로, 직원/회원 관리, 수강권 관리, 수업/상담 예약 일정관리 등의 전반적인 시스템을 PC용 웹 서비스 형태로 개발해야 했다. 생각보다 구현할 부분이 많아 멘붕이 왔던 팀원들과 같이 이 기능들을 어떻게 구현할 지 회의했다. 각자 할 부분을 정하는데 있어서 다음과 같은 두 가지의 의견이 있었다. 1. 각 기능을 한 사람씩 맡아 나중에 다같이 합치기..
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프(프론트엔드) 사전 직무 교육 회고
약 6주간의 사전 직무 교육이 끝났다. 시간이 생각보다 빨리갔지만 정신없이 달린 만큼 배운 것도 많았다. 이젠 배운 것들을 기반으로 앞으로 4주간의 프로젝트에 열심히 임해야겠다. 원하던 프로젝트 주제도 하게 됐다. 통증 관리 시스템에서도 수업 관리 시스템을 제작하는 것이다. 첫 팀프로젝트이다보니 살짝은 걱정도 되고 새로 배워야하는 기술 스택들을 보면서 내가 해낼 수 있을까 하는 생각도 든다. 마침 읽고 있던 책에서 와닿는 문장이 있다. 출발선에 섰다는 게 무엇보다 대단한 일이다. 도착 지점이 다다를 때가 언제일 것인지, 어떤 모양의 도착지일지는 할 수 없어도 괜찮다. 사실, 어딘가를 향해서 시작하는 자체만으로도 걱정되고 두려운 일이다. 아무도 결과는 알 수 없고, 무슨 일이 일어날지도 모른다. 그럼에도 ..
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프(프론트엔드) 12회차 - 웹 소켓을 이용한 실시간 채팅
📝 수업 내용 웹 소켓은 브라우저와 서버 사이의 동적인 양방향 연결 채널을 구성하는 기술이다. 웹 소켓에 대해 자세히 서술한 다음 블로그를 참고하자. https://inpa.tistory.com/entry/WEB-%F0%9F%8C%90-%EC%9B%B9-%EC%86%8C%EC%BC%93-Socket-%EC%97%AD%EC%82%AC%EB%B6%80%ED%84%B0-%EC%A0%95%EB%A6%AC#%EC%9B%B9_%EC%86%8C%EC%BC%93_%EC%9D%B4%EB%9E%80? [WEB] 🌐 웹 소켓 (Socket) 정리 (역사부터 차근차근) 웹 개발을 처음 배우기 시작했다면 서버와 클라이언트의 통신은 모두 HTTP 프로토콜만 이용해서 이루어진다고 생각할 수 있습니다. 하지만 웹 개발을 하면서 채..
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프(프론트엔드) 10회차 과제 - 영화 소개 웹페이지 만들기
🎯 과제 요구사항 1. 팀원들과 함께 react를 사용하여 영화 소개 웹페이지 만들기 🔥 결과 https://github.com/udemy-team18/movie_app GitHub - udemy-team18/movie_app: 유데미 x 스나이퍼 팩토리 230626 영화 앱 구현 실습 저장소 유데미 x 스나이퍼 팩토리 230626 영화 앱 구현 실습 저장소. Contribute to udemy-team18/movie_app development by creating an account on GitHub. github.com 🔎 느낀 점 처음으로 팀원들과 함께 깃으로 코드를 공유하는 프로젝트의 경험을 쌓았다. 나는 api를 사용한 메인페이지 구현과 라우팅을 맡았다. 예전에 노마드코더에서 영화 앱 구현 강..
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프(프론트엔드) 10회차 - React
🔥 실습 https://github.com/udemy-team18/practice/tree/yueun/0626/practice0626 GitHub - udemy-team18/practice: 유데미 x 스나이퍼 팩토리 10주 완성 프로젝트 부트캠프 18팀 실습 저장소 유데미 x 스나이퍼 팩토리 10주 완성 프로젝트 부트캠프 18팀 실습 저장소. Contribute to udemy-team18/practice development by creating an account on GitHub. github.com 📖 배운 점 1. useNavigate 페이지 이동을 할 수 있게 해주는 함수를 반환한다. 반환하는 함수를 navigate 변수에 저장하고 navigate의 인자인 path값을 주면 해당 경로로 이동..
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프(프론트엔드) 9회차 - React
📝 수업 내용 🔥 실습 https://github.com/udemy-team18/practice/tree/yueun/0623/practice0623/src/components GitHub - udemy-team18/practice: 유데미 x 스나이퍼 팩토리 10주 완성 프로젝트 부트캠프 18팀 실습 저장소 유데미 x 스나이퍼 팩토리 10주 완성 프로젝트 부트캠프 18팀 실습 저장소. Contribute to udemy-team18/practice development by creating an account on GitHub. github.com 🔎 느낀 점 바닐라js를 하다가 다시 또 react를 하려니 처음에 순간 헷갈리는 부분들이 있었지만 실습을 하면서 다시 기억이 돌아왔다. 강의를 들으면서 느끼..
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프(프론트엔드) 8회차 과제 - Vanilla JS를 이용한 서비스 만들기(2)
🎯 과제 요구사항 1. vanilla js로 할 일 목록 만들기 2. vanilla js로 내 위치의 날씨 만들기 🔥 결과 https://github.com/udemy-team18/practice/tree/yueun/0622 GitHub - udemy-team18/practice: 유데미 x 스나이퍼 팩토리 10주 완성 프로젝트 부트캠프 18팀 실습 저장소 유데미 x 스나이퍼 팩토리 10주 완성 프로젝트 부트캠프 18팀 실습 저장소. Contribute to udemy-team18/practice development by creating an account on GitHub. github.com 🔎 느낀 점 지난 과제에 이어서 같은 페이지에 todo list 기능과 내 위치 날씨 표시 기능을 추가했다...