아키텍처 변천사 아무렇게나 코드를 던져두면 필요할 때마다 찾기가 힘듦 그래서 개발자들은 비슷한 코드를 모아 서로 이해할 수 있게 분류하기로 결정

HTTP 완벽 가이드 1장: HTTP 개관 목차마다 무엇을 알아야하는지 정리 목차 1장 키워드들 HTTP 웹 리소스 MIME 타입 URI, UR

1.23에서 stable로 변경된 문서들(변경 en:11, ko: 8) Container Runtime Interface (CRI) IPv4/I

리팩토링: Typescript 작성 방식 AS-IS 를 제시하고, 리팩토링 기법을 사용한 결과인 TO-BE 와 비교 연관성 있는 리팩토링 기법은

kind를 이용한 클러스터 설치Download123curl -Lo ./kind https://kind.sigs.k8s.io/dl/v0.8.1/k

개인이 “쿠버네티스 인 액션” 책을 읽고 학습한 내용으로, 주말에 술 마시고 공부한 내용으로… 틀린 내용이 있을 수 있습니다. 4장 래플리케이션

개인이 “쿠버네티스 인 액션” 책을 읽고 학습한 내용으로, 틀린 내용이 있을 수 있습니다. 3장 파드: 쿠버네티스에서 컨테이너 실행 주요 내용

일일 커밋 알림 어플기획 키워드 타겟: 일일 커밋을 목표로 하는 개발자 = 승민이와 나, 개발자의 자기관리 오늘 커밋이 없으면, 1시간(옵션 조

📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성 12장 비동기 처리📝395p.

📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성 11장 제네릭📝361p 제네릭

📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성 10장 타입 선언과 변경, 타입

📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성 9장 고급 타입📝315p. 유

📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성 8장 모듈📝253p. 모듈 필

Vue에서의 JSX 사용법 정리 Vue 공식 홈페이지에서 JSX에 대한 사용법이 자세히 명시되어있지 않아 정리함 이 사이트를 중심으로 재정리함

📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성 분량이 많아, 이미 아는 내용이

📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성했습니다. 6장 함수 목차 사용법

📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성했습니다. Typescript 학

저의 개인적인 기준의 이야기, 틀린 내용이 무조건 존재할 수 있습니다. (댓글을 통하여 알려주세요) 레이아웃레이아웃은 현재 grid, flex

:book: Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성했습니다. Typescri

목적이번 프로젝트에서 체감 성능은 느리지 않지만, Audit - Performance 가 좋지 않았다. 체감상으로 작업 기준을 맞추기는 힘드므로

목적Keycloak을 사용한 Client 관점의 로그인 구현 개발 일지 개인 학습 용도로, 틀린 요소가 있을 수 있음 참고 링크 백엔드 설치그래

기능 설명Typora - Winodow 버전에 신기능이 업데이트됬다. 이전부터 Mac은 있던 기능인데 Window만 없었다.이미지를 삽입시, 자

이 문서는 “타입스크립트, AWS 서버리스로 들어올리다” 책을 기반으로 작성되었습니다. 개요vuex는 vue 애플리케이션 상태관리 패턴 라이브러

VS Code에서 서버 내 파일 작업하기요약 VSCODE에서 플러그인 Remote Vscode 설치 연결할 서버에 서버용 모듈 설치 ssh 커맨

Vue RouterInstallCDN 또는 npm install을 통해 설치 CDN12<script src="/

구조12345678910111213141516171819202122232425262728293031📦vue-pwa-tree ┣ 📂docker

책 읽고 도움될만한 것 정리 타입스크립트 Bash 명령어12345678# 설치npm i -g typescript# 컴파일tsc helloworl

목표 쿠버네티스 환경에 젠킨스 설치하기 젠킨스 + Bitbucket 환경 구성하기 쿠버네티스 + 젠킨스 설치해보기예제 따라 진행 1. Kuber

잠깐 여행을 다녀와서 해봐야겠다… Vue.js 환경 구축 기록일지목표 Vue.js 템플릿 사용 기본 문법 정리 Typescript 사용 Type

Vue.js 사용 안한지 오래되서, 한번 문법 정리하는 시간을 갖음. 한번 문법 정리 후, Codepen을 이용하여 예제 샘플 나열해서 정리해둬

PWA-Starter-Kit 감상문router.js12345// IMPORTimport { installRouter } fro

서비스 워커 학습 일지오프라인, 주기적 백그라운드 동기화, 푸쉬알람 등이 웹에서 지원이 됨서비스 워커는 이런 기능들의 기반을 제공 정의서비스 워

실제 써먹을 것 Code만 간략히 적기 lit-element 개발환경lit-element 모듈 설치1npm install lit-element

목적이번에 “스마트 관광 앱개발 공모전” 본선 진출을 하게 되어, 앱개발을 하게됬다.그런데 순수 안드로이드 개발 경험은 전무하여, 웹기술(폰갭

개인이 학습한 내용으로, 틀린 내용이 존재할 수 있습니다. TypeScript 부분은 생략 소개목차 LitElement란 무엇인가? 다음 단계

Mutation Observer 코드12345678910111213141516171819202122const observer = new Muta

ESLint “indent”: [1, “tab”] 안먹는 현상 해결 VSCode 설정으로 들어간다.(Ctrl + , 입력) Detect Inde

이슈 템플릿 등록 방법Git UI를 이용한 방법 Git Repo 메뉴 중 Insight - Community 메뉴를 클릭 CheckList 중

1차 작업 일지요약1차 레이아웃 작업 내용 ㅇㅅㅇ 구현사항 SCSS + Autoprefixer 추가 로그인 페이지 / 메인 페이지 구현 로그인

Why Javascript?Speaking Javascript 책을 읽으며, 특별히 눈에 들어왔던 내용만 기록한 것으로 옛날 내용이 많습니다.

자바스크립트를 말하다 (1) 복습Speaking Javascript 책을 읽으며, 특별히 눈에 들어왔던 내용만 기록 Statement(문)과 E

“Kubernetes in Action” 책으로 학습한 내용입니다.1장에 이어서… 2장 시작 쿠버네티스 클러스터 설정1장에서 도커 이미지에 패키

“Kubernetes in Action” 책으로 학습한 내용입니다. Docker 설치CentOs 7에서 도커 설치 Hello World 컨테이너

서버생성네이버 클라우드 플랫폼 console페이지 로 이동 - 사이트 이후, All Products - Server 메뉴를 클릭하여, +서버 생

See the Pen 스크롤 이동 by taeuk_kang (@taeuk_kang) on CodePen.

selection 마우스 드래그시 색 조정 See the Pen 마우스 드래그시 색변경 by taeuk_kang (@taeuk_kang) on

pointer-events상위 요소에 있지만 클릭 못하게 하는 방법 + 이벤트 버블링 방지 123456789101112event.preventD

그리드 레이아웃 적용 See the Pen 그리드 레이아웃 적용 by taeuk_kang (@taeuk_kang) on CodePen.

Shadow_DOMShadow DOM 만들기 See the Pen Shadow DOM 만들기 by taeuk_kang (@taeuk_kang)

다시 보게된 CSS 속성들text-shadow123p { text-shadow: 1px 1px 2px #999;} 다중 배경

새로운 CSS 레이아웃 요약이전 레이아웃플롯의 문제플롯은 모든 요소의 높이가 똑같다면 괜찮은 방식임그렇지 않다면, 아래와 같이 레이아웃이 망가질

레이아웃 엔진 짜기현재 Github에서 진행 중 결국에는 비율 문제 아닌가?화면이 작고 크고는 폰트와 이미지의 크기를 늘리고 줄이면 되는 문제

자바스크립트 언락 (2017년 발행)새롭게 알게된 사실들조건부 호출조건문 간략하게 작성 123const age = 20age >= 18 &

Git Commit 메세지 분류 Updated Time: 2019-07-21 17:35:12 Commit type Emoji 최초 커밋 🎉 :

귀여운 펭귄

블로그 시작 개인 코드 저장소

조건 및 방식할일 정렬 방식: 공부 -> 하고싶은 일 순서 (마지막의 일은 제한시간 없음) 할 일 조건 생상적이거나 의미있는 일이여함 내부

ul, ol, p { font-size: 0.75rem; } img[alt~="center"] { display: block; margin: 0

mermaid.initialize({ startOnLoad: window.clientInformation.userAgent.includes(`E

ul, ol, p { font-size: 0.75rem; } img[alt~="center"] { display: block; margin: 0

ul, ol, p { font-size: 0.75rem; } img[alt~="center"] { display: block; margin: 0

ul, ol, p { font-size: 0.75rem; } img[alt~="center"] { display: block; margin: 0