목록2021/10 (18)
Silver Library (Archived)
개요. 이 글은 custom web component 의 사용법에 대해 알아보고자 한다. 이 글에서 내린 정의: 웹 컴포넌트(web component) 가 바로 그 전신이자 근원이다. 웹 컴포넌트 | MDN 웹 컴포넌트는 그 기능을 나머지 코드로부터 캡슐화하여 재사용 가능한 커스텀 엘리먼트를 생성하고 웹 앱에서 활용할 수 있도록 해주는 다양한 기술들의 모음입니다. developer.mozilla.org 웹 컴포넌트는 / 그 기능을 나머지 코드로부터 캡슐화하여 / 재사용 가능한 / 커스텀 엘리먼트를 생성하고 / 웹 앱에서 / 활용할 수 있도록 해주는 / 다양한 기술들의 모음입니다. 그리고, web API 도 개요만큼은 알아두었으면 한다. Introduction to web APIs - Learn web d..
개요: '그 어떤 라이브러리도 추가 설치하지 말 것' 이슈: 이 조건에 얽매여서 괜히 하루 종일 큰 의문을 가지게 함. 최종 결론은 setState 도 JS 에서 사용이 가능하다는 점. 이제 react 는 props 베이스라고 생각해야 할 정도. 하지만 이렇게 덮고 넘어가기에는 이제 위험하다는 생각이 들었습니다. 이걸로 이렇게 고뇌한게 세번째이므로. React 와 JS 의 차이점은 무엇일까? [React] - JS 와 달리, 포멧(guideline)이 주어진다. 혼돈이 벌어지는 걸 막아줌. 개발. - JS 와 달리, 가상돔(virtual DOM) 이 있다. 여기서 작업 하고 나면, 최종적으로 parsing 하듯이 HTML DOM 으로 표시. - 필요할 때만 rendering 하므로 성능적으로 유리하다. ..
개요. 재시도 하기에 앞서, 개념 때문에 막히는 부분이 없도록 다시한번 확실하게 알아두고 싶었습니다. 필요 준비물: 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 의 구동원리를 ..