1~5월 취업 준비 기간 정신없이 지나간 시간이 많았지만 가장 압박감이 강했던 기간 졸업도 상대적으로 늦게 했고 코로나로 인해 취업준비를 하는 다른 친구들과 교류할 기회가 많이 없어서 거의 혼자 준비한 것 같다. 주변 친구나 취업 톡방의 도움을 받긴 했지만 부끄러워 하지 말고 좀 더 적극적으로 다른 사람들에게 도움을 요청을 하자는 마음을 갖게 되었...
인접 배열로 그래프 나타내기
인접 배열(Adjacency Array)이란? 인접 배열은 인접 리스트에서 간선에 대한 정보를 한곳에 모두 몰아넣은 형태이다. 메모리의 지역성이 있다는 특성이 있다. 정점에 관한 정보 V배열과 간선에 관한 정보 E배열 2개로 이루어져 있다. V배열에는 인덱스(정점 번호)와 해당 정점과 이어진 간선의 첫 번호가 저장되어 있다. E배열에는 각 간...
정적 페이지 배포 사이트 비교
지원 기능 Github Pages GitLab Pages Cloudflare Pages 정적 사이트 생성기 지킬만 O O 이전버전 롤백 X X O ...
React 파해치기(1)
리액트 컴포넌트 출력값이 element tree 인 class 또는 function import React from 'react'; import './App.css'; function App1() { const name = 'react'; return <div className = "react">{name}</div>...
Pages 사이트 비교해보기
CRA(Create React App)으로 리액트 앱을 만들고 웹팩 5을 적용하게 되면 웹팩 5부터 polyfill 을 기본으로 지원하지 않기 때문에 오류가 생긴다. polyfill은 브라우저 호환성을 위한 도구지만 불필요한 경우가 많아 제외되었다. ERROR in ./node_modules/readable-stream/lib/_stream_read...
CRA와 웹팩5 호환성 해결하기
CRA(Create React App)으로 리액트 앱을 만들고 웹팩 5을 적용하게 되면 웹팩 5부터 polyfill 을 기본으로 지원하지 않기 때문에 오류가 생긴다. polyfill은 브라우저 호환성을 위한 도구지만 불필요한 경우가 많아 제외되었다. ERROR in ./node_modules/readable-stream/lib/_stream_read...
ECMAScript 파이프라인 제안서 2단계 진입
링크 파이프라인이 다음과 같은 EcmaScript의 총 5단계(0~4)의 제안 과정 중 2단계에 진입했습니다. 2단계는 공식 언어를 이용해서 문법과 의미를 설명하는 문서를 작성하는 단계로 피드백을 받는 3단계를 거치면 최종적으로 4단계에서 공식 사양이 됩니다. 해당 문서의 일부를 정리해보았습니다. 기존 방식 기존에는 값을 가지고 연속적인 연산을 ...
컴포넌트 기반 웹 디자인 살펴보기
구글에서 올린 새로운 반응형: 컴포넌트 기반 세상의 웹 디자인을 읽고 정리해 보았다. 기존의 뷰포인트 기반 미디어 쿼리는 유저의 요구를 전부 충족시키지도 못하고 컴포넌트 스스로 반응형 스타일을 인젝션할 수도 없다고 하면서 해당 문제를 해결할 수 있는 기능들을 소개하였다. 아직 개발중인 기술도 소개가 되었다. ##사용자 반응성 사용자의 요구에 따라...
Error listen EACCES permission denied 해결법
해당 포트가 사용중이라는데 문제는 윈도우에 netstat을 이용해서 찾아봐도 해당 포트를 사용중인 프로그램은 없었다. 사실 전에도 포트 사용중 오류가 있었는데 이건 포트 고정이라 다른 오류 메세지가 떴고 이 오류로 검색해 해결책을 찾았다. net stop winnat net start winnat cmd창이나 PowerShell에 다음 명...
노트
헤드리스 리액트 컴포넌트 링크 일반 React 컴포넌트의 경우 커스터마이징을 하려면 CSS 오버라이딩을 이용해야 되는데 번거롭고 오버라이딩이 되지 않는 경우가 있다. HeadLess는 스타일 부분과 제어부분을 나눠 제어부분만 만들어 놓는 것이다. 기본적인 데이터 로직은 변경 가능성이 낮고 스타일이 추상화되면 스타일 재정의를 위한 인터페이스를 열어둬...