전체 글143 2023-12-12 본캠프 49일차 / 68일차 TIL 2023-12-12 본캠프 49일차 / 68일차 TIL 주요 진행사항 - 타입스크립트 강의 및 개인 과제 발제 타입스크립트 개인과제 - level 1 정리 개인 과제 주제 : TypeScript를 활용한 To-do List 제작 프로젝트 과제 : 1. 기본적인 CRUD 구현 2. level1 부터 level5 까지 실력에 따른 유독적인 과제 수행 오늘부터 타입스크립트를 처음 배우게 되었다. 기본적으로 알고 있던 사실은 javascript에 type을 지정해 주면서 좀더 엄격한 프로그래밍을 도와준다는 것이였다. 완전히 처음 배우는 언어이기 때문에 강의를 들으며 1단계부터 5단계 과제를 순차적으로 진행할 예정이다. 1. level 1 (props drilling) level 1은 기본적인 props dril.. 2023. 12. 14. 2023-12-11 본캠프 48일차 / 67일차 TIL 2023-12-11 본캠프 48일차 / 67일차 TIL 주요 진행사항 - 아웃소싱 프로젝트 회고 아웃소싱 프로젝트 KPT 회고 1. 프로젝트 정보 프로젝트 명 : MUCATION 주제 : 위치 기반 음악 공유 앱 github : https://github.com/eunbime/mucation-project GitHub - eunbime/mucation-project Contribute to eunbime/mucation-project development by creating an account on GitHub. github.com DEMO : https://mucation-project.vercel.app/ MUCATION mucation-project.vercel.app KPT 회고 Keep - 현.. 2023. 12. 14. 2023-12-08 본캠프 47일차 / 66일차 TIL 2023-12-08 본캠프 47일차 / 66일차 TIL 주요 진행사항 - 아웃소싱 프로젝트 아웃소싱 프로젝트 - 커스텀 alert/confirm 구현 이번 프로젝트에서는 ux를 고려하여 커스텀 alert와 confirm을 구현하고자 하였다. 사실 alert는 문제가 없었지만 confirm을 만드는데 고려해야할 점이 몇가지 있었다. confirm은 취소/ 확인 버튼이 있으며, 취소버튼을 눌렀을 때는 아무 동작도 진행되지 않으며, 확인버튼을 클릭했을 때는 다음동작일 실행한다. 즉, confirm은 어떤 동작이 올지 예측되지 않기 때문에 클릭할 때 까지 동작을 기다려야한다는 것이다. 이러한 점 때문에 confirm 모달에 대한 로직은 비동기 처리를 해야만 했다. 1. 비동기 처리의 이해 비동기 처리를 하기 위.. 2023. 12. 14. 2023-12-07 본캠프 46일차 / 65일차 TIL 2023-12-07 본캠프 46일차 / 65일차 TIL 주요 진행사항 - 아웃소싱 프로젝트 아웃소싱 프로젝트 - 로그인 구현 로그인 기능을 구현하기 위해서 이전에도 사용해본 firebase authentication을 사용하였다. 1. 프로젝트 세팅 우선 Firebase의 Authentication 사용설정을 하고 로그인 제공업체를 등록한다. 로그인 - Google 계정 이메일 또는 휴대전화 accounts.google.com 이 프로젝트에서는 일반 로그인과 구글 / 깃허브 소셜로그인을 사용한다. 2. 로그인 관련 메서드 파일 생성 로그인과 관련된 메서드를 미리 선언한 파일을 만들었다. 특히 소셜로그인은 제공업체만 다를 뿐 로직은 동일하기 때문에 switch 문을 통해 하나의 메서드로 정리하였다. 이렇게.. 2023. 12. 14. 2023-12-06 본캠프 45일차 / 64일차 TIL 2023-12-06 본캠프 45일차 / 64일차 TIL 주요 진행사항 - 아웃소싱 프로젝트 아웃소싱 프로젝트 - youtube api 이번 프로젝트의 구현 기능 상 youtube를 통한 음악 영상을 보여주는 것이 필요하였다. 따라서 youtube api를 이용하여 기존의 iframe 형태의 플레이어를 컴포넌트로 가져오는 작업을 실시하였다. 1. youtube api 사용 설정 youtube api를 이용하기 위해서는 구글 클라우드에 프로젝트를 설정 한 후 api 사용 설정을 해야한다. Google Cloud console console.cloud.google.com 이 때 프로젝트는 구글 파이어베이스 프로젝트와 호환이 된다. 2. youtube api 키 발급 기본적으로 파이어베이스 프로젝트와 연동을 한.. 2023. 12. 14. 2023-12-05 본캠프 44일차 / 63일차 TIL 2023-12-05 본캠프 44일차 / 63일차 TIL 주요 진행사항 - 아웃소싱 프로젝트 발제 아웃소싱 프로젝트 S.A 1. 프로젝트 정보 - 프로젝트 명 : 위치기반 노래 공유 - 소개 - 한 줄 정리 : 나만 듣기 아까운 노래를 주위 사람들과 함께 공유 해보자. - 내용 : 평소 나만 듣기 아깝다고 생각하는 노래를 여러 사람들과 공유해보고 싶다고 생각한 적이위치기반 서비스로 여러 사람들과 함께 공유 할 수 있는 서비스를 만들었습니다. 2. 프로젝트 규칙 1. 지각하지 않기 (늦을 때는 미리 연락하기) 2. 탈주금지 (자리 비울 일이 생기면 미리 말하기) 3. 점심 : 12~2 / 저녁 : 6~8 (시간 내 자유롭게 식사하고 오기) 4. 비난하거나 무시하는 발언 금지 5. (SOMEBODY HELP .. 2023. 12. 6. 이전 1 ··· 3 4 5 6 7 8 9 ··· 24 다음
