Modern Agile/TIL

    Day 43 - 2022.02.07

    Day 43 - 2022.02.07

    Note 회원가입할 때 약관동의한 내용을 백엔드에 전달해야 한다. 이때 백엔드에서 원하는 데이터 형식은 객체였는데 약관동의에서 모두 동의를 눌러 전체 선택/해제하는 기능 때문에 동의한 내용을 배열로 저장했었다. 그래서 배열로 저장한 것을 토대로 객체로 만들어 표시를 해야 했는데 이것을 어떻게 해야 할까 고민했었다. 백엔드인 수형오빠와 고민하다 수형오빠가 forEach를 사용하면 될 것 같다고 했고, 나는 그것을 듣고 삼항연산자를 이용해서 코드를 줄일 수 있을 거라 생각했다. onClick={() => { console.log(checkedInputs); const checkResult = {}; const check = [1, 2, 3, 4, 5, 6]; check.forEach((el) => { che..

    Day 40 - 2022.01.28

    Note 3기의 선배기수인 2기의 마지막 날이다. 2기분들이 수료하며 마지막으로 회고를 했는데 뭉클했다. 여러 사람이 팀으로 뭉쳐 하나가 되고, 같이 만들어간다는 것이 이렇게 좋은 거구나. 그동안 2기분들과 함께 해서 든든했고, 즐거웠는데 이제 3기가 독립해서 우리끼리 헤쳐가야 하는구나. 등등 여러 생각을 했다. 우리도 수료할 때쯤 회고를 할 테고, 우리의 회고를 듣는 4기도 같은 생각을 하겠지? 또, 오늘은 3기 미니프로젝트 시작한 지 1주가 되어 간단하게 회고를 했다. 3L 회고로 진행해 일주일 동안 좋았던 점(Liked), 배운 점(Learned), 부족한 점(Lacked)에 대해 이야기를 나누었다. 나는 미니프로젝트를 진행한 일주일 동안 각자 개인공부하는 것이 아니라 팀으로서 같은 것을 만들어 나..

    Day 39 - 2022.01.27

    Note 유난히 머리 안 돌아가고 힘들었던 하루 많이 부족한 게 스스로 느껴져서 자신감이 없었는데 지금은 공부를 하는 게 아니라 개발을 하는 것이기 때문에 부족하더라도 일단 만드는 것에 목표를 두어야 한다고 한다. 일단... 해보자

    Day 38 - 2022.01.26

    Day 38 - 2022.01.26

    Note 오늘은 어제에 이어서 모달 레이아웃을 완성하기로 했다. 나는 라이브러리를 사용하지 않고 모달을 만들고 싶어서 구글링을 하며 시도했다. 나름 완성했다고 생각했지만 생각지도 못한 2가지 버그가 있었다. 이 중 모달을 열었을 때 기존(배경) 페이지가 스크롤이 되는 현상을 먼저 해결하고자 했다. 모달을 열었을 때는 스크롤이 사라지도록 구현해야 했는데 구글링으로 useEffect를 사용해서 해결하는 방법을 찾았다. 모달 function 안에 아래 코드처럼 작성하는 것이었다. useEffect(() => { if (visible) { document.body.style.overflow = 'hidden'; } return () => { document.body.style.overflow = 'unset';..

    Day 37 - 2022.01.25

    Day 37 - 2022.01.25

    Note 어제 그리드에서 여백 생긴 버그를 해결했다. import React from 'react'; import styled from 'styled-components'; const GrayWrap = styled.div.attrs(({ height, width }) => ({ row: height, col: width, }))` height: ${(props) => props.row}; width: ${(props) => props.col}; background-color: #f9f9f9; border: 1px solid #d6d6d6; /* margin-left: 172px; */ 여기서 여백을 주고 있었음 `; function Graybox(props) { const { width, height ..

    Day 36 - 2022.01.24

    Day 36 - 2022.01.24

    Note 오늘 페이지 레이아웃을 짜기로 했다. 3시까지 헤더와 푸터를 짜고 중간점검을 한 후 이후 시간에 페이지 레이아웃을 완성을 시키기로 했는데 생각보다 일찍 푸터 레이아웃을 마쳤다. 페이지 레이아웃도 금방 짤 수 있을 거라 생각했는데.... 문제 발생 내가 만든 AdBox import React from 'react'; import styled from 'styled-components'; const Ad = styled.div.attrs(({ width, height, marginBottom }) => ({ row: height, col: width, marginBottom, }))` width: ${(props) => props.col}; height: ${(props) => props.row};..

    Day 35 - 2022.01.21

    Note 미니 프로젝트 시작! 협업할 때 git을 어떻게 쓰는지 배웠다. 작업을 하기 전에 upstream으로부터 pull을 해서 최신 코드를 받아오고, 코드 작성 후 git add를 하기 전에 또 upstream으로부터 pull → git push origin branch명 → fork한 레포에서 upstream 레포로 pr 보내기 하 역시 재밌을 줄 알았어~~~!!!! 모르는 것들 천지지만 그만큼 재밌다!!!!🤩🤩 TIL 깃 커밋메시지 컨벤션 이슈 사용법 git stash

    Day 34 Tech Talk Day🎤 - 2022.01.20

    Note 어제 월차를 썼지만 오늘 테크톡이 있기 때문에 집에서 테크톡 준비를 했었다. 준비가 되지 않아서 새벽까지 하고, 점심시간에 겨우 대본까지 완성했다. 피피티를 준비하면서 내용을 다 알고 있다고 생각했는데 학교에서 준비하면서 중간중간 궁금한 게 생겨 석호님한테 물어보며 더 알아갔다. 발표 연습하는 시간이 적어서일까 생각했던 것보다 못한 말들이 많았고, 그로 인해 발표 시간이 짧아졌다,,, 앞으로도 테크톡 전날에 갑자기 아플 수 있으니 미리미리 준비해야겠다고 다짐을 하게 됐는데, 가능하겠지...? 여태 내가 노느라 안 한 건 아니었으니까.... 😅