이력서 초안 작성 노션링크: 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 으로 바꾸어 주었다...

구현 사항 CSS 리팩토링(버튼 등 디자인 가다듬기) => 완료 미디어쿼리 모두 손보기=> 완료 애니메이션 효과 적용하기 => 완료 개발자 소개 페이지 완성시키기 => 완료 배포 세팅하기 => 명일 예정 기술발표 준비 => 명일 예정 CSS 리팩토링 모든 버튼에 후버 효과 적용. 특히 메인 페이지의 버튼에는 참고사이트(codepen.io/bartekd/pen/qFsDf) 의 4번 효과를 적용했다. 개발자 소개페이지 구현 완료 개발자 소개페이지를 완성했는데, 팀원 소개는 캐릭터를 적용했다. 반응형 웹 구현을 위한 미디어 쿼리 완료 제작자 소개 페이지의 작은 사이즈는 아래 모습과 같다. 480px 이하일때. 백그라운드 이미지 는 아무래도 이 웹서비스와 어울리는 배경을 쓰는 것이 좋을 것 같다. 도움받은 사이..