본문 바로가기

Thing about programming

(30)
개발자의 기본기 | Git & GitHub, ESLint, Prettier, husky, Git hook, Agile Week 1-1. 프로젝트를 하기 전 알아야 할 팀으로 일하는 법, 개발자의 기본기Git & GitHub, ESLint, Prettier, husky, Git hook, Agile 선발 과제 피드백 Git & GitHub을 사용하면서 지켜야 할 것 ESLint와 Prettier, Git hook을 이용한 팀의 능률 올리기 Agile이란? [아하!모먼트] Agile이 필요하다고 느낀 순간 - Git & GitHub을 사용하면서 지켜야 할 것 : (내용이 길어져서 따로 게시글을 팠다.) https://proprotrainee.tistory.com/199 [ Git ] Git / Github 질문에 대한 짧은 생각 + Git 관련 인터뷰 질문 40가지에 대한 답변 - Git / Github 사용하며 지켜야할 ..
[ REACT ] BOOKSITE ( GoodGeul) 보호되어 있는 글입니다.
[ Git ] 브랜치 지우기 1. local의 branch 지우기 "git branch -d [지울브랜치 이름]" 2. 원격에서 이미 지운 branch에 대한 tracking끊기 "git feth origin --prune" 3. local에서 원격의 branch 지우기 "git push origin --delete [원격의 지울 브랜치 이름]"
[WEB / NOTE] Javascript Package Manager / npm, yarn https://velog.io/@kysung95/%EA%B0%9C%EB%B0%9C%EC%83%81%EC%8B%9D-npm%EA%B3%BC-yarn [개발상식] npm과 yarn 패키지 관리 툴로는 대표적으로 npm과 yarn이 있습니다.여러분들은 평소 어떠한 패키지 설치 모듈을 사용하나요? velog.io
[WEB / NOTE] SSG / SSR SSG (Static Site Generators) Next.js Gatsby (React) GridSome (Vue) 11ty (JS) SSG 는 Ras Data, template들을 기반으로 static html을 만들어주는 것이다. 각각의 HTML페이지 도는 것을 코딩하는 작업을 자동화해서 만들어준다. 그리고 그 페이지들을 사용자에게 빠른 시간 안에 전달할 준비를 해준다. 이 HTML페이지는 미리 만들어졌기에 사용자 브라우저에 빠른 전달이 가능한 것이다. CMS의 대안이다. CMS(Customer Management System): 웹 컨텐트를 관리하고, 웹 페이지를 생성하고, 템플릿을 실행한다. 템플릿: 재사용이 가능한 유형의 웹 컨텐트, 개발자는 이 템플릿으로 같은 포맷팅 작업을 계속 반복하지 ..
[WEB / NOTE] Building Blocks of a Web Application: 고려할 것들 Building Blocks of a Web Application There are a few things you need to consider when building modern applications. Such as: User Interface - how users will consume and interact with your application. Routing - how users navigate between different parts of your application. Data Fetching - where your data lives and how to get it. Rendering - when and where you render static or dynamic content. I..
[WEB / NOTE] JAMstack // 진도 때문에 정리 및 이해 미완 : 프론트엔드 웹 개발의 접근법 : 프론트엔드 웹 개발: 사용자가 상호작용하는 인터페이스와 컨텐츠를 구성하는 것. : 개발자가 빠르고 효율적이게 정적 웹사이트를 만들고 사용자에게 전달할 수 있다. : 가능한 HTML만큼(?) 미리 만들어지고 CDN에 저장된다. : JAM은 Javascript, APIs, Markup(html, css)의 줄임말이다. 그래서 JAMstack은 이 3요소들을 사용해 구성된 것이다. : CDN을 이용하기에 직접 개인 개발자 서버에서 사용자에게 데이터를 전송하는 것보다 훨씬 빠른 장점이 있다. 캐싱해놨기 때문에 가벼운 HTML페이지의 생성으로도 CDN에서 어플리케이션 백엔드, API등을 자세히 제공할 수 있는 것이다. https://www.cloudflare.com/ko-kr/..
[WEB / NOTE] CDN // 진도 때문에 정리 및 이해 미완 CDN ( Content Delivery Network ) 지리적 제약 없이 사용자에게 컨텐츠를 빠르게 제공할 수 있는 콘텐츠 전송 기술. 서버와 사용자 사이의 물리적 거리를 줄여 데이터 전송 시간을 줄이는 것이다. 예를 들어 사용자가 데이터를 요청하면 메인서버에서 그걸 전달하는게 아니라 지역 캐시에 미리 값을 저장해놔서 그걸 전송해주는 방식 CDN 장점 1. 웹사이트 로드 시간 감소 사용자와 가장 가까운 캐싱정보를 제공하기 때문에 메인 서버의 물리적 전송 제한보다 더 빠른 로드 시간이 걸린다. 사용자는 컨텐츠 로드시간에 민감해 느린 로딩에 서비스 이탈을 결심하기에 이는 무척 중요하다. 더 많은 사용자가 더 서비스에 오래 머물게 된다. 2. 대역폭 비용 절감 웹사이트 호스팅용 대역폭 사용은 웹사이트의 대..
[WEB / NOTE] React Vue Angular Svelte React
[WEB / NOTE] TypeScript Types OOP