Daily/생각6 프리프로젝트 회고(스택오버플로우 클론코딩) 프리프로젝트 시작 전, 코드스테이츠 프론트엔드 부트캠프 과정을 나름대로는(?) 잘 따라가고 있다고 생각했지만 실전경험이 부족한 탓(수업 끝나고 주도적인 학습을 했었어야 했는데....!)에 팀원들에게 민폐를 끼칠까 봐 매우 염려되었다. 머리로 이해하는 것과 손가락이 기억하는 것은 분명히 다르니까. 그래도 정말 운이 좋게도 좋은 팀원들을 만나서 프리프로젝트를 나름 성공적으로 해낸 것 같아서 뿌듯하다. 팀장 & 팀원분들이 원활한 의사 소통을 할 수 있도록 여러 가지 초기 환경을 구성해 주셨고(기본적인 규칙이라던지, 슬랙을 활용한 커뮤니케이션 등등) 나는 그 위에서 맡은 분야를 코딩만 하면 됐으니 얼마나 고마운 일인가? 어느 정도 역할분담을 나눈뒤에는 주로 프론트는 프론트끼리 백엔드는 백엔드끼리 나뉘어서 작업을.. 2023. 6. 27. modal 컴포넌트의 아이콘의 크기가 페이지마다 달라지는 현상 import styled from 'styled-components'; import { close } from '../../redux/reducers/modalSlice'; import { useDispatch } from 'react-redux'; const ModalWrapper = styled.div` position: absolute; width: 100%; height: 100%; `; const ModalBackDrop = styled.div` background-color: rgba(0, 0, 0, 0.3); position: fixed; width: 100%; height: 100%; z-index: 9999; display: flex; align-items: center; justify-.. 2023. 6. 23. 공통 컴포넌트인 Header가 페이지마다 다르게 나오는 현상 const HeaderContainer = styled.header` position: sticky; min-width: auto; width: 100%; height: 3.5rem; display: flex; align-items: center; border-top: 3px solid var(--orange); border-bottom: 1px solid var(--black-100); box-sizing: border-box; top: 0; background-color: var(--white); z-index: 9999; `; 1. Header의 높이가 페이지마다 달라지는 현상 발생 : 처음엔 별 문제없어 보였으나, 게시글을 여러개 가져와서 스크롤이 생기는 페이지에서 Header의 높이가 달라지는.. 2023. 6. 22. 프리프로젝트 진행 중.... 스택오버플로우를 클론코딩하는 프리프로젝트를 진행 중이다. 내가 맡은 부분은 로그인페이지와 회원가입페이지. UI는 구현했고, 이제 기능구현을 위해 열심히 달리고 있다. 간단한 일일줄 알았더니, 생각보다 할 일이 많다. 그리고 무엇보다 잘잘한 오류들을 처리하는 것에 시간이 많이 쓰인다. 개발은 문제를 해결하는 것이라더니.... 정말 공감이 된다. UI를 구현하기까지도 수많은 오류들에 부딪혔었고, 해결해나갔었는데 시간에 쫓겨 상세히 기록을 해두지 못한 것이 아쉽다. 프리프로젝트는 일주일 정도 더 진행될테고, 그 다음에 메인프로젝트가 진행될텐데 아무리 시간에 쫓기더라도, 나의 성장을 위해서 매일 30분 ~ 1시간은 투자하여 내가 마주친 오류들과 그것들을 해결하는 과정을 기록으로 남겨두어야 겠다. 지금부터라도 기.. 2023. 6. 21. 사용자 요구사항 정의서 작성 후기 드디어 어제부터 프리 프로젝트(메인 프로젝트 진입 전 연습)가 시작되었다. 주제는 스택오버플로우 클론 코딩하기. 첫 시작은 사용자 요구사항 정의서를 작성하는 거였다. 그러기 위해서 우선 스택오버플로우의 구성요소들을 하나하나 살펴보았다. 코딩을 어느 정도 배웠으니(대부분 이론만 배웠지만) '클론 코딩 정도야 그렇게까지 어렵진 않겠지....? 새로운 걸 만드는 것도 아니고 따라하는건데 ㅎㅎ!' 라는 생각을 했었는데 정말 크나큰 오산이었다. 처음엔 자신만만했지만, 스택오버플로우를 샅샅히 뜯어보면서...... 정말 많은 것들을 생략할 수 밖에 없었다. 자칫 단순해 보일 수 있는 스택오버플로우 메인페이지 하나에 얼마나 많은 요소들이 들어가있는지 자세히 들여다보기 까지는 깨닫지 못했었다. 아무튼, 스택오버플로우를 .. 2023. 6. 15. 코드스테이츠 프론트엔드 부트캠프 Section1 회고 코드스테이츠 프론트엔드 부트캠프 44회차에 신청했지만, 초심자였던 내가 바로 합격을 할거란 기대는 애초에 하지도 않았었다. 주변 사람들에게 합격하진 못하고 대기번호만 받았다고 전했을 때 많이들 실망하는 눈치였지만, 나는 내가 많이 부족함을 누구보다 잘 알고 있었기에 무척이나 기뻤다. 신청서를 작성할 때 나의 성격 & 성향 & 공부태도 등이 반영되었는데 대기번호도 받지 못했다면 많이 방황했을 것 같다. 어떤식으로 공부해야할지 방향조차 잡지 못했을 테니... 대기인원 신분으로는 첫 주 수업까지만 들을 수 있었다. 경쟁률이 높은 부트캠프임을 알고 있었기에 추가합격을 기대도 하지 않았지만 열심히 들었다. 뭐라도 하나 건져와서 다음 모집 때 꼭 합격하고 싶었다. 돌이켜보면 이때 가장 열정적으로 질문도 하고 공부도.. 2023. 3. 13. 이전 1 다음
