Dev Blog

Final Project Contact Points배포 주소: royaldiary.ml/깃헙 주소: github.com/codestates/RoyalDiary-client/wiki발표 링크: my works길고도 짧았던 4주 간의 대장정이 막을 내렸다.파이널 프로젝트 28일이라는 시간이 정말 눈 깜빡한 사이에 지나갔고, 어느새 코드스테이츠 수료생이 되었다.파이널 프로젝트를 해냈다는 것 뿐만 아니라, 5개월의 코드스테이츠 개발자 과정을 해냈다는 점을 내 스스로 칭찬해주고 싶다. 개인적으로 4주동안 많은 것들을 배운 것 같다. 비단, 그림판이나 소셜로그인 등의 새로운 기술 적용 뿐만 아니라프로젝트의 기획, 역할 결정, 팀회의를 통한 프로젝트 진행 방향 결정 등을 경험하면서 팀플레이어로서의 적극적인 태도, 유..

회고록 nomadkim880901.tistory.com/508?category=980425 Final Project Contact Points 배포 주소: royaldiary.ml/ 깃헙 주소: github.com/codestates/RoyalDiary-client/wiki 발표 링크: bit.ly/3s0dbCQ

5개월의 시간이 벌써 오늘부로 코드스테이츠 Software Engineering 과정을 수료했다. 먼저, 끝까지 포기하지 않은 내 자신에게 잘했다는 말 한마디 해주고 싶다. "잘했다...!" 이제 더 혹독한 취준의 시간이 왔다. 해야할 것이 여전히 많다. 앞으로 2주 동안은 아래의 사항들을 진행하려고 한다. 1. 프로젝트 회고록 작성(프로젝트 기획부터, 완성까지 개괄적으로 작성 => 이력서에 사용하자.) 2. 이력서 디자인, 자기소개서, 포트폴리오 제작 => pages 사용할 수 있는지 다시 확인. 3. 팀 PPT, 발표영상 업데이트 4. 개인 기술 PPT, 발표영상 업데이트(리액트 상태관리, useEffect 사용법) 5. react native 적용하여 서비스 제작(관련 클론 코딩 프로젝트가 있다면 ..

이력서 초안 작성 노션링크: www.notion.so/19880901/Jay-Kim-c4ae3afaaeba40cba6f9c24dc8cba95e 해야할일 - 프로젝트 회고록 작성(프로젝트 기획부터, 완성까지 개괄적으로 작성) - 이력서 디자인, 자기소개서, 포트폴리오 제작 - 팀 PPT, 발표영상 업데이트 - 개인 기술 PPT, 발표영상 업데이트 - react native 적용하여 서비스 제작, 파트너사 노션에서 확인, HTTPS 웹 배포 방법 체크, 노마드코더 등 강의 수료증 구비 - 반응형 웹 리팩토링. 픽셀 줄이기. - 코딩 테스트 준비. 토이 문제들 처음부터 끝까지. 프로그래머스 문제 풀어서 랭킹 올리기. - 깃헙 관리. 사이드, 토이 프로젝트 진행. 평상시 궁금했던 기술 써볼것. - 위키 다듬기.

이력서 작성중... 처음엔 노션으로 뼈대를 잡고, 추후 디자인해야겠다. 자기소개서 작성 필요. 포트폴리오 제작 필요. 기술 면접 시뮬레이션 HTTP와 HTTPS의 차이점은 무엇인지 설명해주세요. HTTP는 하이퍼 텍스트 전송 프로토콜. 서로 다른 시스템들 사이에서 통신(데이터)을 주고받게 해주는 가장 기초적인 프로토콜인데요. 여러분이 웹 서핑을 할 때 서버에서 여러분의 브라우저로 데이터를 전송해 주는 용도로 가장 많이 사용됩니다. HTTPS는 하이퍼 텍스트 전송 프로토콜 보안(Hypertext Transfer Protocol Secure) 일반 HTTP 프로토콜의 문제점은 서버에서부터 브라우저로 전송되는 정보가 암호화되지 않는다(해킹가능성)는 것이었는데요. HTTP 의 보안적 단점을 보완하는 것이 HTT..

오늘한일 팀 서비스 발표 녹화 PPT 제작 PPT GIF 고화질 업데이트 PPT 수정 사항 GIF 고화질로 변경 미디어쿼리 해야할일 개인 기술 발표 - 구현사항작성, PPT/발표영상 등 업데이트 팀 발표 재녹화 프로젝트 리팩토링

진행 사항 배포 후 에러 핸들링 메뉴얼 페이지 구현 배포 후 에러 핸들링 1. sub 네비게이션 이미지(책모양)와 paint page의 붓모양이 사라지는 현상 font awesome 의 아이콘 이미지를 i 엘리먼트로 가져옴에 따라 배포 환경에서 이미지를 불러오는 것이 불안정해짐. 대신에 직접 이미지를 다운받아 적용. 2. 일기쓰기 완료 후 모달창 제거 그림이 모달창을 침범하는 현상이 발생하여, 모달창을 삭제하고 등록 메세지를 보여주는 것으로 변경. 3. 구글, 카카오 OAuth API의 사이트 도메인 변경 http://localhost:3000 => https://royaldiary.ml . Redirection URI 도 변경(동일) 4. OAuth clientID 를 .env 에 저장하여 사용 환경변..

구현 사항 로딩 구현(완료) CSS 리팩토링(완료) 네비게이션 바를 통해 페이지 이동과 일기 작성 및 수정 시에 아래와 같이 로딩 이미지가 뜨도록 구현했다. 로딩 중에는 마우스 클릭이나 키보드 입력이 불가한데 이는 pointer-events: stroke; 를 이용했다. SVG 형식만 클릭이 가능. 해당 로딩 엘리먼트는 최상위 App 컴포넌트 에 위치시켰는데, useEffect 가 실행될때마다 세션스토리지에 loadingImg 키 값을 확인하고(페이지 이동 버튼을 클릭할 시점에 세션스토리지에 해당 키값을 저장해준다. )visible 일 경우에만 해당 엘리먼트를 찾아 CSS display 값을 flex 로 바꿔준다. 그리고 setTimeOut 을 이용하여 일정 시간이 지난 후 none 으로 바꾸어 주었다...