1. PlayCode - Javascript Playground (링크) 더보기 브라우저에서 대부분의 NPM 패키지를 실행 엄청 빠른 Live View 제공 : 작성하면서 바로 결과를 보여줌 코드 자동완성 및 마우스 호버시에 문서 표시 Emmet 단축어 지원 : HTML & CSS 작업을 빠르게 기능은 완전히 무료. 1인 개발자가 혼자 6년간 개발. 현재는 프리미엄 모델(유료 교육 코스)로 돈을 벌며 전업 개발중. 2. tabler - 오픈소스 HTML 대시보드 UI 킷 (링크), (tabler react 링크) 더보기 Bootstrap 기반 다양한 인터페이스 컴포넌트 와 템플릿 제공 : 갤러리, FAQ, 위젯, 가격테이블 등 반응형 & 모든 최신 브라우저에서 동작 HTML5 & CSS3 SPA 버전 제..
async function getJSON() { const url = 'JSON FILE PATH/myJSON.json' const jsonData = await (await fetch(url)).json(); return jsonData } const myJSONdata = getJSON();
Next.js의 SSR 렌더링 방식은 두 단계로 구분할 수 있다. 첫번째 단계는 Pre-rendering 두번째 단계는 Hydration Pre-rendering 단계에서는 JS를 실행하지 않은 채로 HTML element들을 먼저 렌더링 한다. JS를 실행하여 최종적인 DOM 트리를 생성 및 렌더링하고 이벤트 등록과 같은 과정을 한 번에 하지 않고, 왜 HTML elemente들을 먼저 렌더링 할까? 가장 큰 이유는 화면을 빠르게 로드할 수 있다는 점이다. JS를 읽어들이고 읽어들인 내용을 가지고 DOM을 그리는 과정은 단순 HTML element만을 가지고 DOM을 그리는 과정보다 느리기 때문이다. 빠르게 먼저 보여줄 수 있는 부분은 먼저 보여주고 hydration 과정을 통해 최종적으로 렌더링 과정..
1. 국내 최고의 개발 문화를 가진 회사는? (링크) 더보기 개발 문화 체크리스트로 415명 응답을 통계(원티드랩) 좋은 개발 문화를 가진 회사는? 12점 – 카카오, 라인플러스, 우아한형제들, 컴투스, 업스테이지 등 11점 – 네이버, 엔에이치엔, 하이퍼커넥트, 데브시스터즈, 크몽, 에이비일팔공 등 10점 – 카카오뱅크, 크래프톤, 안랩, 당근마켓, 드림어스컴퍼니, 마이리얼트립, 원티드랩 등 12가지 훌륭한 개발문화 체크 리스트 코딩 테스트 인터뷰 – 개발자 입사 시 코딩 테스트 혹은 화이트 보드 인터뷰를 진행한다. 자율적 개인 개발 장비 선택 – 회사에 업무 장비 표준 (PC, 노트북 등)이 있더라도, 개인별로 원하는 개발 장비를 선택할 수 있다. 자율적 팀 개발 환경 선택 – 회사에 기술 표준 (프..
1. 대학생 때 알았더라면 좋았을 것들 (링크) 더보기 고려대학교 컴퓨터학과에서 진행한 특강 "대학생 때 알았더라면 좋았을 것들"의 발표 자료입니다. 저의 관점에서 '지금 대학생으로 돌아간다면 이런 걸 했었을텐데...'의 생각들을 모아 정리했습니다. 한참 고민이 많을 시기인 대학생 여러분들에게 도움이 되었으면 합니다. 1-2. 전산학 교육에서 가르쳐 주지 않는 것 (링크) 더보기 CS교육에서는 보통 빼고 넘어가는 가장 기본적인 도구 사용(쉘,에디터,VCS 등)을 가르쳐 주는 MIT CS&AI Lab의 수업자료 모음 [자료&수업 동영상] 쉘 도구와 스크립팅 에디터(Vim) 데이터 랭글링 - regex,sed,awk CLI환경 - 터미널,tmux,alias,Dotfiles,SSH Git 디버깅과 프로파일링 ..
1. 초보자를 위한 Axios vs Fetch (링크) 더보기 Promise 기반의 HTTP Client 인 두 API를 비교 문법 비교 부터 JSONPlaceholder API를 호출했을 때의 차이점을 보여주며 설명 - 에러처리 / 타임아웃 / 취소 둘다 비동기처리지만, 속도는 fetch가 다소 빠름 2. Remult - 풀스택 Typescript용 CRUD 프레임워크 (링크) 더보기 Typescript Model Type을 이용해서 3가지를 제공 - Secure REST API - Type-safe 프론트엔드 API 클라이언트 - Type-safe 백엔드 쿼리 빌더 React / Angular / Vue / Next.js 예제 제공 3. WebRTC Nuts & Bolts (링크) 더보기 WebRTC..
