🌊 TIL : 2023년 6월 15, 16일 오늘 한 것 router 설정 전체 레이아웃 CSS 변수 설정 user page만 회색 배경 나오게 css 처리 로그인 페이지 UI 잘한 점 상황 PR을 날릴 때나 팀원 분들께 설명해드릴 때 친절한 설명을 덧붙이려고 노력하였다 'ㅅ' 액션 개발 철학이란건 뭘까? 얼마 전에 좋은 기회로 카카오 개발자님과 커피챗을 하게 되었는데 그때 자신만의 개발 철학을 갖고 있어야 한다는 것을 꽤 강조해서 짚어주셨다. 그렇게 이제 내 개발 철학에 대해 나도 생각해봐야지, 하고 넘어갔었는데 오늘 문득 블로깅을 하며 이런 것이 내 개발 철학 아닐까? 싶은 점이 생겼다. 사실 '개발'은 아닐 수도 있다. 나는 남들에게 설명이나 안내를 해줄 때 최대한 알아보기 쉬웠으면 좋겠다는 생각을..
🌊 TIL : 2023년 6월 14일 오늘 한 것 요구사항 정의서 작성 FE stack 함수, 변수, 컴포넌트 컨벤션 이슈카드 등록 알고리즘 3문제 잘한 점 상황 요구사항 정의서 우리가 해냄..! 액션 프리프로젝트를 앞두고 끝 없는 회의 회의 회의 끝에 팀원 분들과 많은 것을 상의하교 요구사항정의서도 완성했다. 한 7시간 계속 떠들었더니 일과시간 끝나고 완전 기절잠 자버렸다.. 어제도 그랬는데 오늘도.. ㅎㅎ.. 칭찬 포기하지 않앗숴.. 힘내자 배운 점 배움 개발자들 사이에서 커뮤니케이션 능력이 왜 필요한 지 알게 됐다! 그리고 내가 백엔드의 기초도 모르니 백엔드 분들과 소통이 어려웠던 것이 너무 아쉽다. 조금 더 프론트 단에 집중한 후 나중에 백엔드를 공부하게 되면 서로 의사소통도 잘 되고 좋을 것 같..
🌊 TIL : 2023년 6월 12일 오늘 한 것 프리프로젝트 회의 준비, 템플릿 만들기 ts 타입시스템 잘한 점 상황 내일 프리프로젝트 요구사항정의서 완료를 위해 정해야하는 것들을 미리 정리해보았다. 액션 팀원분들께 도움이 되고 싶어 이것저것 개선해보려고 노력 중인데 이게 올바른 길인지 잘 모르겠다!! 그치만 내일 최대한의 효율을 내고 싶어 미리 준비했다. 칭찬
🌊 TIL : 2023년 6월 11일 오늘 한 것 pre-project 초기셋팅 자문구하기 컨벤션 공부하기 알고리즘 3개 풀기 코드리뷰 스터디그룹.. 페어? 잘한 점 상황 당장 프로젝트 내 기간이 굉장히 짧기 때문에 불안감이 있었다. 아무리 클론코딩이라고 하지만 팀원분들과 열심히 으쌰으쌰해서 만들고 싶어서 미리 학습내용을 예습하며 이것저것 찾아보게 되었다. 액션 브랜치나 커밋 컨벤션 등을 고민하며 선배기수 분들의 레포지토리 read.me 를 보다가 지인 개발자분께(늘 감사합니다 효구님^///^) 브랜치와 커밋 컨벤션에 대해 조언 구하였다. 또 Oauth같은 것은 프론트엔드에서 실습을 하긴 했지만 백엔드분들이 해주시는 건지 궁금해서 여쭤보았고 대답도 잘 받게 되었다. 칭찬 사실 불안병이 있어서 그런 지 ..
🌊 TIL : 2023년 6월 10일 오늘 한 것 Youtube Clone Header 제작 Youtube Clone 데이터 요청 중... git flow 공부 프로그래머스 1단계 3문제 풀기 📣 잘한 점 상황 사실 아주 쉬운 문제여도 풀어보기 위해 프로그래머스 문제 1단계.. (아주..귀여움)을 풀고 있다. 액션 거의 내팽개치곤ㅋㅋ했는데.. 노력했으니까 조금 더 늘려가자 칭찬 배운 점 배움 /videos/:videoId와 같은 route가 있을 때, 이 route에 접근하는 URL이 /videos/123라면 useParams를 사용하면 { videoId: '123' }와 같은 객체를 얻을 수 있다. const { videoId } = useParams(); // useParams hook을 통해 URL..
🌊 TIL : 2023년 6월 9일 오늘 한 것 스터디 그룹 부트캠프 프로젝트 팀 빌딩 몸살로 인한 휴식 💤 잘한 점 상황 pre project를 앞두고 백엔드팀과 합쳐져 43개의 팀으로 나뉘어 팀장을 선출하였다. 액션 사실 팀장을 맡기엔 내 개발실력이 미숙하다는 생각은 들지만, 책임감을 갖고 프로젝트를 진행하고 싶은 마음에 자원하게 되었다. 다행히도 프론트엔드, 백엔드팀 모두 찬성해주셔서 팀장이 될 수 있었다. 나는 게임을 엄청 좋아하는데.. ㅋㅋㅋ 말하니까 좀 웃긴데 게임 내에서도 뭔가 도맡아서 하는 일을 좋아했던 것 같다. 길드가 있다면 길드장이라던가, 운영진이라던가.. 그런 일들과 비교할 순 없지만 내게 좋은 경험을 쌓아줄 거라 생각하여 자원하였다. 칭찬 어떤 그룹에서든 리더가 되면 팀원 사이를..
🌊 CORS 에러 해결하는 방법 CORS 에러란? 교차 출처 리소스 공유 (Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여 한 출처에서 실행중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에서 알려주는 체제. 🌱 [Web Server] CORS, SOP 🌊 CORS, SOP SOP (Same-Origin Policy) : Same-Origin Policy의 줄임말로, 동일 출처 정책을 의미한다. 한 마디로 '같은 출처의 리소스만 공유가 가능하다'라는 정책이다. 출처 : 아래 세 구성요소가 하나라도 dreamogu59.tistory.com CORS 에러를 해결하기 위해선 백엔드에 프론트엔드 개발 서버 도메인을 허용..