개발하고 싶은 초심자

주말에는 정기 업무가 따로 있지 않기 때문에 업무를 한 일수대로 디데이 제목을 적고 있지만, 실상은 코드스테이츠에 들어온 지 9주차가 되었다. 주차만 따지면 벌써 2달이 넘어가는데 내가 여기 입사해서 과연 뭘 했는지, 성장하고 있는지에 대한 생각이 든다. 물론 2달밖에 되지 않았다 생각할 수 있지만, 내년 2월까지가 계약기간이고 오프보딩은 그 전에 시작될 것이기 때문에 조급한 생각을 하게 되는 것 같다.

오전 시간에 있었던 내부 회의를 위한 진행 관련 자료를 정리하고, 하루 종일 회의가 있었다. 프로젝트 관련 부서에 들어가 업무를 하면서, 처음으로 한 기수의 프로젝트 일정이 완전히 끝났다. 회의 내용은 그에 대한 회고를 하는 것이었는데, 프로젝트를 시작할 때와 나의 입사 시기가 겹치지 않았다. 확실히 그동안 달라진 것들, 특히 컨텐츠 관련하여 추가된 것들이 많았다. 그래서 그 기수의 분위기라던가 바뀐 프로젝트의 내용 등을 파악하려 관련 챕터들과 노션 페이지들을 찾아보는 것 하는 데에 시간을 많이 쏟았다. 그러면서 개발도 함께 하고, 그와 관련한 회의 참석이 잦아졌고, 동시에 프로젝트의 일정과 관련 업무 배정으로 내가 원하던 '바쁜' 회사 생활이 되었다. 내가 어떤 업무를 했는지, 업무를 하면서 공부한 내..

오늘은 개발과 함께 업무 진행을 위한 타 팀과의 얼라인 스몰톡이 있었다. 먼저, 사이드바로 뺐던 메뉴들을 전부 헤더의 대메뉴로 빼는 작업을 했다. 그 과정에서 드롭다운 메뉴를 구현했다. 라이브러리를 사용할 수도 있었지만 먼저 코드를 작성해보면서 기능을 구현해보고 싶어, 구글링을 해가며 구현해봤다. 하지만, 코드를 이해할 수 없었던 부분과 진행은 되지만 정작 내가 필요한 정도로 구현을 하는 것이 조금 어려웠다. 그리고 처음 기획 단계에서 생각했던 것보다 관계가 늘어나고, 페이지가 늘어남에 따라 생각해야하는 것이 많아져 다시 정리해야 하는 시간이 있었다. 오후에는 업무 관련 얼라인 스몰톡을 진행했다. 개발 작업을 함과 동시에 다른 업무를 진행할 일이 생겨, 팔로업하면서 모르는 것을 물어보는 시간이었다. 수강..

11일은 회의가 많은 날이었다. 10일이 임시 공휴일이었기 때문에 그 날 진행하지 못했던 회의들이 11일에 몰렸다. 정기 회의들을 통해 맡은 역할에 대해 다시금 재정의하고 정리할 수 있었다. 12일은 내가 코드스테이츠에 크루로 들어가고 처음으로 메인 프로젝트를 진행한 기수의 프로젝트 발표날이었다. 나의 입사가 프리 프로젝트 때 부터는 아니었지만, 코드스테이츠 안에서 프로젝트를 경험해본 수료생으로서도 굉장히 의미있는 시간이었다. 확실히 수강생들끼리 할 때와는 다르게 멘토 제도가 도움이 많이 되는 것 같다. 수강생들의 결과물을 보면서 나도 많이 배워가는 게 있었다. 발표를 보면서 개발을 하지 않을 수는 없었기 때문에, 어느 정도 진행을 했다. fetch 결과를 위해 변수처리를 하지 않았던 uri를 환경변수 ..

(reference) (reference-stackoverflow) git rm --cached -r .env git add . git commit -m "remove .env file from git" git push (reference-from inflearn) ① .gitignore에서 .env라는 코드를 삭제 (이때부터 .env파일 git으로 추적 다시 시작) ② .env 파일 삭제 ③ 커밋 및 푸시 (이러면 원격 저장소에 .env가 사라지겠죠) ④ .env 파일 되살리기 ⑤ 다시 .gitignore에 .env 라는 코드 추가

해당 (reference) 를 참고함. 원래 NavLink를 활용하여 header에 로고를 클릭하면 바로 루트 페이지로 이동할 수 있게끔 만들었다. 그런데 다른 컴포넌트들은 styled components를 활용하여 css를 적용했는데, header만 따로 css파일을 만드는 것이 거슬려서 NavLink를 활용하면서 styled components를 적용할 수 있는 방법을 찾아보았다. import { NavLink } from 'react-router-dom'; // ① NavLink import import styled from 'styled-components'; // ② styled-components import export const NavStyle = styled(NavLink)` color:..

import IconButton from '@mui/material/IconButton'; import MenuIcon from '@mui/icons-material/Menu'; return ( ) 텍스트를 활용한 버튼의 경우에는 Button으로 감싸줄 수 있지만, 그렇지 않은 홈페이지, 휴지통, 메뉴(사이드바) 등 순수 아이콘의 경우에는 IconButton으로 감싸준다. (reference) 사이즈 변경은 fontSize를 활용하여 바꾸어준다.

(how to connect my own project in gihutb repository) 기존 프로젝트 폴더 안으로 진입 git init 으로 깃 저장소 초기화 git remote add origin 깃 저장소 주소 git remote -v 로 현재 리모트 주소 확인 git add . 로 새 레포지토리에 파일 업로드를 위해 스테이지에 파일 올리기 git status 로 현재 스테이징된 파일들 확인 git commit -m "커밋 메시지 내용" 으로 커밋 git push origin master 로 레포지토리에 파일 업로드 ✷ git push -u origin master : -u 옵션이 붙으면 다음부터는 git pull / push할 때 origin master를 지정하지 않아도 알아서 origin..