TIL #210318
📚 TIL
코드숨 8주차 DAY 53, 솔루션 챌린지
⭐️ 8주차 과제 수행하기
레스토랑 상세페이지랑 404 페이지까지 꾸미기 완료!
꾸미다보니까 진짜 디자인을 전문적으로 배우고싶단 생각이 들어요
그럼 더 잘꾸밀 수 있을텐데! 지금은 별로인데 더 좋은 방법이 생각이 안나는 수준 ㅋㅋ
내일은 세번째 강의에 나온 내용 진행하고 x표시를 초록체크로 바꿔보겠어요!
⭐️ 1주차, 7주차 강의 복습하기
7주차 과제 풀이 영상을 복습했어요
지난주에 바빠서 제대로 못들었다가 구현만 했는데 테스트코드도 잘 이해되고 다행이었어요!
코딩은 실전인데.. 일단 개념이라도 확실히 알고 프로젝트에 들어갑시다~~
그리고 밤에 1주차 강의를 복습했어요
1월 18일에 코드숨 교육이 시작했으니까 이 강의를 처음 들은 지 딱 두 달이 되었네요
신기한건 이제는 진짜 다 이해가 된다는거예요
과제 풀이 영상 보는데 이걸 왜 못해서 좌절했을까싶더라고요 ㅎㅎㅎ
두 달 간 많이 발전했나봐요 ㅠㅠㅠㅠ 감격
근데 강의를 들어서 그런걸 수도 있어요 막상 코드 짜라하면 못짤수도 ㅋㅋㅋ
⭐️ 개인 프로젝트 준비하기
다음주부터 4주 개인 프로젝트를 시작하는데요!
다음주가 됐을 때부터 바로 개발을 시작할 수 있게 미리 준비해두려고요
지난 주에는 아이템 선정, 기술 스택 정하기, 프로젝트 기획을 했어요!
너무 시간을 짧게 들여서 따로 TIL에 적지는 않았었어요 ㅋㅋㅋ
아이템은 예전부터 만들고 싶던 사이트가 있어서 그걸로 정했어요!
제가 한창 우울하고 슬펐을 때.. 뭘 하면 행복해지는지를 몰랐을 때가 있었는데요
그 때 어떻게든 우울을 벗어나려고 이것저것 해봤었거든요 그게 슬픔을 탈출하는 데 도움이 되더라고요
그래서 사람들의 성향에 맞게 행복을 찾는 방법을 제안해주는 사이트를 만들거예요!
일상의 무기력함과 권태를 벗어날 수 있는 데에 도움을 주고 싶어요 세상 모든 사람들이 행복해지도록!
개발자가 되면 내가 만들고싶은 것을 직접 만들 수 있다는게 정말 좋네요 ㅎㅎ
기술 스택은 아무래도 제가 프론트엔드 개발을 시작한 지도 두달밖에 안됐거든요
그래서 백엔드까지 커버하기는 무리인 것 같아서 리액트에만 집중하기로 했어요!
제가 구상한 아이디어 특성상 사람들과 자기만의 행복을 찾는 법을 공유하는 기능을 넣고 싶은데
그건 제가 역량이 됐을 때 추가로 구현해볼까 해요!
그리고 간단한 프로젝트 기획을 시작했어요
저는 선택에 따라 추천을 해주는 사이트를 만들거라 선택 기준을 정했어요
예를 들어 밖에서 많이 움직이는 활동을 할 지, 실내에서 움직임이 적은 활동을 할 지 같은거요!
여기까지 지난 주에 진행했습니다!
오늘은 페이지 기획서를 만들었어요
솔루션 챌린지에서 피그마를 한 번 사용했어서 처음할 때보다 좀 더 수월하게 만들었어요
원래 기능 명세서 먼저 만드는데 제 사이트는 기능이 간단해서 페이지 기획서를 먼저 만들었어요
오늘 끝낼 생각은 없었는데 집중이 잘돼서 5시간 내리 작업해서 완성해버렸어요
내용은.. 아직은 공개하기 조금 부끄러워서 모자이크 ㅋㅋ
근데 사진이랑 구성만 봐도 어떤 사이트인지 아시겠죠 ㅎㅎ
기본은 모바일 화면으로 만들고 시간적인 여유가 된다면 웹 화면으로도 만들거예요!
만들다보니 백엔드 넣어서 더 많은 기능을 구현하고싶어졌어요 ㅠㅠ 일단은 본연의 기능에 충실하자!
DB 명세서, API 명세서는 백엔드에서 필요하다는데 저는 사용하지 않으니 나중에 알아보고 필요하면 만드려고요
⭐️ 솔루션 챌린지 디자인하기
오늘은 화면에 맞게 컴포넌트 크기를 바꾸는 작업을 했어요
웹이지만 모바일 크기로 제한하기로 했는데 거기서 바꾸는게 애매하더라고요
그냥 웹 크기까지 계속 늘어나게 할 수도 있지만 저는 그렇게하려면 ui를 새로 짜야한다고 생각하거든요!
그리고 컴포넌트들 크기를 반응형으로 만드려고 값을 vh, vw로 줬는데
브라우저를 전체화면으로 바꾸면 컴포넌트가 한없이 작아지는것 ㅠㅠ 퍼센트랑 절대값으로 다 고쳐줬어요..
가로로는 고정하고 세로로는 늘어나게 만들었어요!
그러다가 노마드코더에서 배운 margin-collapsing 현상 등장! 강의덕분에 난관을 잘 헤쳐나갔어요
😁 오늘 한 일
📕 공부하기
- 오늘은 오전에 개인 프로젝트 페이지 기획서 만들고 8주차 과제하고 이전주차 강의 복습했어요!
- 아침부터 열심히했더니 낮에 조금 잤어요 ㅎㅎ 밤까지 열심히 해야겠다
🖥 블로그 디자인 바꾸기
- 오늘 블로그 디자인을 바꿨어요!
- 이전 디자인은 목록으로 보는게 없어서 1월에 적은 글을 보려면 더보기를 계속 눌렀어야 됐거든요
- 이번에 새로운 스킨으로 변경했는데 달력에 있는 날짜를 누르면 그날 작성한 글로 이동해요!
- 편하고 예뻐요 ㅎㅎ 이전 거는 완전 깔끔해서 좋았는데 이제 글이 많아져서 효율적인걸로!
🌼 주저리주저리
오늘 카우치코딩에서 30분 멘토링 오픈 안내 메일이 왔는데요
아래에 멘토링 후기글이 있었는데 제가 쓴 글이 있었어요 키키키
이럴줄 알았으면 더 길게 쓸걸!!!