Silver Library (Archived)

개요. 재시도 하기에 앞서, 개념 때문에 막히는 부분이 없도록 다시한번 확실하게 알아두고 싶었습니다. 필요 준비물: REST API, CRUD, JS syntax 에 대한 이해. fetch. 메모 1: express 와 node.js 는 실전에서 거의 확실시 사용된다고 보여집니다. 다만 백엔드에서 담당하는 API 구축과 혼동되지 않도록 조심하되, 지금은 REST API 에 집중할 필요. 메모 2: res, req 를 사용해서, aws 에 생성되어 있는 API를 읽어와서 이를 출력하는 것이 목표로 보여짐. 이 과정 중에서, 마크업을 이용해서 문제에서 요구하는 파일에서 렌더링 후, 각기 호출하는 식으로 설계가 요구되어 보임. 개인 기록: 당시 시간제한이 거슬려서 이것저것 못해 봤는데, 다시 알고 읽어보니 생..

기간 약 3시간 당신은 고양이들을 모시고 있는 어느 집사에게 자신의 고양이 사진을 관리해달라는 의뢰를 받았습니다. 의뢰인은 당신이 믿을만한 사람인지 테스트하기 위해, 약간의 사진을 당신에게 보냈으며 이 사진들을 웹에서 볼 수 있도록 해달라고 합니다. 이 사진을 어떻게 처리할까 고민 중이던 때, 당신의 절친한 친구 Back-end 개발자가 당신을 돕기 위해 의뢰인이 보낸 사진들을 API 형태로 만들어주었습니다. 이 API를 이용해, 의뢰인을 만족시킬 수 있는 고양이 사진첩 애플리케이션을 만들어봅시다! ('2021 Dev-Matching: 웹 프론트엔드 개발자(상반기)' 기출 문제입니다.) 해설은 별개로 있음. 이를 제대로 코딩 할 수 있기 위해 준비한 과정은: [1-3], 영상 1. WEB 의 구동원리를 ..

이번에는 과거 전작 보다도 훨신 확신을 가지고 진행을 하게 된 개인 포트폴리오 페이지입니다. 우선 이 정도로 해 두고, 지금 처럼 해오듯이 저녁마다 조금씩 개선 하고 반응형을 좀 더 추가해보고자 합니다. 구현 예정인 JS 부문: 1. 마우스 스크롤링 시, 이를 감지해서 바로 반동하듯이 아래로 내려가는 기능. 2. 다른 section 으로 이동 시, 그림 삽화들이 서서히 로딩되는 기능. 3. 현재 위치(진행도) 표시하는 기능. 구현 예정인 HTML/CSS 부문: - 모바일 페이지 (현재 미구현) - project 부분에, github code 페이지 redirect link 및 icon 하나 추가. 링크 내렸습니다! 오늘의 코딩 일지: 벤치마킹을 하며 이리저리 디자인을 좀 참고 해서 어느정도 기준을 높일 ..

이번 주는 프로그래머스에서 고양이 사진첩 연습 프로젝트를 시도 해 보고, 백준 알고리즘을 다시 해보고 있습니다. 전반적으로 개인 프로젝트는 매일 진행 되고는 있으나, 최종적으로는 이 프로젝트에 한해서는 전시 목적에 좀 더 초점을 두기로 했습니다. 오늘 오후 진행 예정 작업: - contact 부분의 점검 - 최하단 부에 email 전송 기능. - 알고리즘 연습문제 풀이, 프로그래머스 2차 시도 전 REST API 와 JS 코드 구성 재분석. (웹 폴더 클릭 구성이 실패) 진행 과정: 이 프로젝트의 문제점이라면, 이젠 제법 만들긴 만드는데 생각보다 html css 같이 퍼블리셔가 하는 부분에만 많이 활용을 해 볼 수 있었다는 점 입니다. 즉, FE가 자주 하는 API를 쓸 일이 없었다는 점. 그리고 JS ..