전체 글
KEEP 오늘의 좋았던 경험 클라이언트 배포를 했고, 자동화까지 마쳤다. 자동화를 위해 AWS Pipeline을 생성해서 Github 레포지토리와 연결해서 변경된 사항을 push했지만 웹페이지에는 반영이 되지않았다. 그래서 그 원인을 팀원들 다 같이 찾았고 invalidation 기능을 사용하면 변경사항을 바로 반영해줄 수 있다는 것을 알게되었다. 불가능할것 같았던 책장을 만들었다. 약 5시간에 걸쳐 CSS를 수정했고 나름 책장에 책이 꽂혀있는 것 처럼 만들었다. 처음 기획했던 Bare-minimum 기능은 모두 구현했다. PROBLEM 고쳐나갈 경험 컨디션 관리를 잘 해야할 것 같다. 아직 과제를 다 마치려면 1달은 더 있어야 하니까 잘 관리해야할 것 같다. CSS는 많이 알면 알 수록 많은 것을 시도..
KEEP 오늘의 좋았던 경험 MyPage rack 부분 디자인 완료. 회원탈퇴 기능 구현 중 알림 메시지가 뜨면 모달창이 꺼지는 현상 발견. 저녁 시간 내내 잡고있다가 리덕스 사용의 필요성을 느낌 리덕스로 구현 80% 완료 확실히 리덕스가 편하다는 것을 느꼈다. 사용할 상태만 확실하게 구분해서 액션과 리듀서를 만들어 놓으면 프롭스를 어디서부터 넘겨주고 어디에 상태를 둬야할지를 고민하지 않아도 된다. 페이지가 몇개 되지않는데도 리덕스를 사용하지 않으면 복잡해지고 예기치 못한 에러들이 발생하는데, 더 많은 페이지를 다루려면 리덕스를 꼭 사용해야할 것 같다. PROBLEM 고쳐나갈 경험 너무 급하게 코드 작업을 해나간 감이 없지않아 있는것 같다. 처음에 잘 세팅해놓지 않고, 충분히 기획을 하지 않은 상태에서 ..
KEEP 오늘의 좋았던 경험 Main 페이지 Footer가 페이지의 맨밑에 그냥 잘 있게 만들기 성공. 위 처럼 페이지가 구성 되어있을 때, 최상위 태그에 flex를 걸어준다. .wrapper { display: flex; flex-direction: column; height: 100vh; } 그리고 Content 컴포넌트에 flex: 1로 화면 전체를 다 사용하라고 해준다. 이때, Header와 Footer에 height로 높이를 설정해주면 스크롤을 내리거나 화면이 작아질때 높이가 달라질 수 있다. padding을 줘서 높이를 조절해주면 된다. LogIn 페이지 디자인 완료. BookReviewModal 리뷰 삭제기능 만들기. PROBLEM 고쳐나갈 경험 CSS 생각보다 알고있어야 하는 지식이 많은것..
KEEP 오늘의 좋았던 경험 BookInfoModal, BookMarkModal, BookReviewModal, Notifycation 작업 완료했다. React에서 font적용시키는 방법을 배웠다. 참고링크 //사용하고싶은 폰트를 다운받아서 woff파일로 변환시킨 뒤에 폴더안에 저장시켜준다. import Qwigley from "../assets/fonts/Qwigley-Regular.woff"; //그리고 아래처럼 작성해주면 된다. const MainLogo = styled.div` @font-face { font-family: "Qwigley"; src: url(${Qwigley}) format("woff"); } font-family: "Qwigley"; font-size: 100px; font-..
KEEP 오늘의 좋았던 경험 유저들이 회원가입을 할 수 있도록 SignUp 작업을 완료했고, 회원임을 인증해주는 LogIn 페이지 작업 완료했다. git merge하고 pull할때 어떻게 해야 충돌이 안일어나는지 아직 잘 이해가 안된다. 막상 잘 해줬다고 생각했는데도 pull을 받을 때 충돌이 일어났고, 제대로 저장이 안되는일이 발생했다. 여러번 하다보면 어떤 부분에서 충돌이 일어나고 어떻게 해줘야할지가 명확해질 것 같다. PROBLEM 고쳐나갈 경험 git pull error 더보기 더보기 에러 메시지 pull을 받아오려고 하는데 충돌이 발생해서 생기는 오류였다. error: Your local changes to the following files would be overwritten by merge..
KEEP 오늘의 좋았던 경험 간단한 마크다운 사용. 간단한 문법을 정리해 보았다. 더보기 더보기 1. 머리말 (Header) # H1 입니다. ## H2 입니다. ### H3 입니다. #### H4 입니다. ##### H5 입니다. ###### H6 입니다. 2. 수평선 (Horizon) 무엇을 사용하든 동일한 수평선을 만듭니다. --- *** --- H1과 H2를 위한 수평선 문법. 이것은 H1수평선 예제입니다. ========================= 이것은 H2수평선 예제입니다. ------------------------- 3. 인용구 (BlockQuote) > 인용구 입니다. >> 인용구안에 인용구를 사용할 수 있습니다. 4. 목록 (List) 순서가 없는 리스트입니다. * 리스트1 * 리..
KEEP 오늘의 좋았던 경험 git flow 실습. 내가 앞으로 해야할 flow : UpStream의 Dev에서 Local의 Dev로 pull → Local Dev를 Origin Dev로 push → feat 브랜치 생성 후 기능 구현을 위한 코드 작업 → UpStram Dev로 P/R github PR 템플릿 만들기. 프로젝트 폴더 root경로에 .github 이라는 폴더 생성 → 해당 폴더에 PULL_REQUEST_TEMPLATE.md 파일 생성 → md파일에 템플릿 작성(마크다운 문법을 사용해야 함) 우리팀 템플릿의 경우에는 레퍼런스에 있는 템플릿을 참고해서 사용함. ### PR 타입(하나 이상의 PR 타입을 선택해주세요) - [ ] 기능 추가 - [ ] 기능 삭제 - [ ] 버그 수정 - [ ] ..
2021. 10. 29 금요일 1. Today's Key Points!🔑 Cloud Computing EC2 RDS S3 2. 정리해보자!🧹 1) Cloud Computing 클라우드 컴퓨팅 등장 배경 클라우드 등장 이전의 방식은 흔히 말하는 전산실 등에 컴퓨터를 배치하고 인터넷을 연결하여 서비스를 제공했다. 그런데 만약 서버가 요청에 대한 수용 능력이 한계에 도달한다면 어떻게 대처할까? 같은 공간에 더 많은 컴퓨터를 제공해서 한 대가 해결할 수 있는 요청을 여러 대가 나누는 방식을 사용할 수 있다. 혹은 컴퓨터 한 대의 성능을 높이는 방식을 사용할 수도 있다. 기존 방식의 한계 주기적인 관리 필요 : 고장이 나거나 인터넷과 연결이 되지 않는 컴퓨터가 생기면 인력 및 비용이 투입되어야 한다. 공간의 한계..
2021. 11. 05 금요일 사실 이 글은 first project 2주차 과정이 끝나고 쓰는 글이다. HA 준비와 쉴틈없이 바로 first project에 들어가면서 시간이 없었다는 핑계를 좀 대면서 회고를 지금이나마 해보고자 한다. 그렇기 때문에 HA3이 끝나고 난 직후의 상태를 온전히 전달이 되지는 않을 것이다. 섹션3에서 내가 배운 것 ✔️ [Linux] 심화 [자료구조/알고리즘] 코딩 테스트 준비 [데이터베이스] 관계형 데이터베이스, MVC, NoSQL [인증/보안] 기초 [컴퓨터 공학] 기초 [네트워크] 심화 [Git] 브랜치 관리와 고급 기능 [배포] Amazon Web Service, Docker, 배포 자동화 섹션2에서 선배기수들의 이야기를 많이 들었다. 섹션3은 많이 어려울거다, HA..
