tech
·⏱ 16m
1,400개 포스트의 기술 블로그를 Jekyll에서 Astro 5로 마이그레이션한 여정
1,400개 이상의 마크다운 포스트가 쌓이며 빌드 지옥에 빠졌던 기술 블로그를 Astro 5, Pagefind 오프라인 검색, D3.js 지식 그래프로 전면 리빌딩한 실전 마이그레이션 여정과 성능 최적화 회고록입니다.
Page 1 of 3
javascript
·⏱ 3m
nodeJS - 간단한 프로젝트 완성
생활코딩 - node.js를 보고 아주 간단한 nodeJS 프로젝트를 만들었습니다. 디테일한 코드는 수업과 조금 차이 나겠지만, 기능적으로는 겅의 동일합니다. 매번 블로그에 코드를 따로 넣다보니, 이후 유지보수도 어렵고, 개발한 코드 커밋도 깃헙...
javascript
·⏱ 3m
nodeJS - install
nodeJS는 서버 쪽(백엔드)에서 사용되는 소프트웨어 플랫폼입니다. 그냥 "javascript로 서버를 구축하려면 nodeJS를 사용하면 된다"라고 알고 있어도 문제가 없죠. nodejs.org에서 node.js를 다운받습니다. 설치하고 확인해...
javascript
·⏱ 3m
nodeJS - address already in use
다음과 같은 오류와 함께 nodeJS로 만든 서버가 구동되지 않는 경우가 있습니다. 이 때는, 보통 이미 포트가 점유되고 있을 경우를 말하죠. 따라서, 다음 커맨드를 사용해서 해당 port를 사용중인 프로세스를 확인하고, PID를 kill해줍니다...
javascript
·⏱ 2m
nodeJS02 - npm
nodeJS - npm npm은 Node Package Manager의 약자이며, 말 그대로 "nodeJS를 위한 패키지를 관리하고, 현재 프로젝트의 의존성 들을 관리"하는 기능을 수행합니다. 이미 nodeJS를 설치하셨다면 npm은 이미 설치되...
web
·⏱ 2m
jQuery - basic
jQuery는 아주 활발하게 사용되는 Javascript library로, 보통 DOM manipulation, AJAX 호출 등을 간편하게 처리할 수 있도록 해주는 라이브러리입니다. 기본적으로는 다음의 형태로 사용되죠. 를 정하고, 을 연쇄적으...
web
·⏱ 2m
jQuery - Get text, val, attribute
html 요소로부터 text, html, attribute 등을 가져오는 방법을 정리합니다. - : id가 "p1"인 요소로부터 text를 가져옵니다. - : id가 "p1"인 요소로부터 html을 가져옵니다. - : id가 "name1"인 in...
web
·⏱ 4m
jQuery - Set text
jQuery를 사용해서 요소의 text, html, attribute를 바꿀 수 있습니다. 다음 코드는 요소를 클릭했을 때, 의 text가 바뀌도록 설정하는 것을 말합니다. 구조는 대략 이런 형태인 것이죠. 다음처럼 callback functio...
web
·⏱ 2m
jQuery - Traversal - Ancestor
jQuery를 사용해서 부모 element를 탐색하는 방법을 정리하였습니다. - : element의 바로 위 부모 element를 가리킵니다. - : element의 바로 위, 그 위 부모등 모든 부모들을 가리킵니다.
web
·⏱ 2m
jQuery - Traversal - Descendant
jQuery를 사용해서 자식 element를 탐색하는 방법을 정리하였습니다. - : element의 바로 아래의 모든 자식 노드를 가리킵니다. - : element의 아래에 있는 모든 자식 노드들 중에서 을 찾습니다.
web
·⏱ 2m
jQuery - Traversal - Siblings
jQuery를 사용해서 형제 element를 탐색하는 방법을 정리하였습니다. - : 현재 element의 다음에 있는 형제 node를 1개 찾아서 리턴합니다. - : 형제 노드 중에서 div인 애들만 찾아서 리턴합니다.