This summary is based on a very useful tutorial. (not English, but Korean)What is GIT?
→ Version Control System
Basic Commands of GIT
git init
git add
Why should I do git add before git commit ?
It makes you possible to choose what to commit.
It great when you have done massive changes on your code, but forgot to commit by each feature.
We call stage area when you add but didn't commit.
After...
10.04.2020
9.22.2020
HTML Canvas Practice
Written by swimmingkiim
on 9월 22, 2020
in 웹 프로그래밍, canvas, html, JavaScript, vanilla, web
with
댓글 없음
HTML Canvas Practice Recently I learned how to use html canvas tag. After reading a bit of MDN, I built a simple position detect page. User can draw a line by clicking and when user click the start point, the line turns into red line and user no longer can draw line until user click the reset...
9.17.2020
Toy project with React + TypeScript + Firebase - LinkBook
Written by swimmingkiim
on 9월 17, 2020
in 리액트, 웹 프로그래밍, 타입스크립트, Firebase, linkbook, React, toy project, typescript
with
댓글 없음
LinkBook Archive web links that you want to keepTry it yourself :DUser Experience User can login or sign up with email and password.User can login via Google or Github account.User can create, read, update, delete links.User can assign title and related tags(keywords) when creating or updating...
9.10.2020
TypeScript 기본 개념 정리
Written by swimmingkiim
on 9월 10, 2020
in 웹 프로그래밍, JavaScript, programming, typescript, web
with
댓글 없음
아래 정리는 노마드코더의 TypeScript 강의를 듣고 복습으로 작성한 것입니다.TypeScript란 TypeScript는 JavaScript를 기초로 해서 만들어졌다.말랑한 언어인 JavaScript에 엄격하게 타입을 구분해서 사용하는 것이 TypeScript이다.TypeScript는 컴파일 되어서 JavaScript로 사용된다.사소한 실수를 하더라도 TypeScript는 컴파일 과정에서 걸러지기 때문에 버그를 줄일 수 있다.설치 npm install typescript --save-dev (개별 프로젝트에 설치시)npm install...
I made a new portfolio website with React
Written by swimmingkiim
on 9월 10, 2020
in 웹 프로그래밍, personal, portfolio, programming, React, web
with
댓글 없음
I made new portfolio website About a while ago, I built a personal portfolio website. I already had one, but it was just not look nice to me. SO, I decided to build another one. Again, I kept carried on with the concept of "Swimming Pool". But this time I worked differently. First, I built chunks of...
9.08.2020
자바스크립트에서 입력되는 한글값 구하기(How to get current user input charactor when you can't use onKey event)
Written by swimmingkiim
on 9월 08, 2020
in 웹 프로그래밍, 자바스크립트, DOM, g, JavaScript, keyCode, onInput, onKey, user input
with
댓글 없음
자바스크립트에서 입력되는 한글값 구하기심플한 마크다운 에디터, 공글 을 만들면서 자바스크립트와 DOM에 대해서 많이 배웠다. 그 과정에서 애를 먹은 기능 중 하나가 바로 한글의 keyCode 인식 불가능 문제이었다. 텍스트 에디터를 만들기 위해서는, 그리고 한국 사람들도 사용하기 위해서는 한글 입력은 필수이었다.여러가지 경우의 수를 console.log로 찍어 보면서 몇 가지를 알게 되었다.키보드가 한글 입력일 때는 특수키(Shift, Control 등)를 제외하고는 onKeyUp 이벤트가 발생하지 않는다.따라서 당연히 keyCode를...
9.07.2020
I made a simple markdown editor with vanilla javascript
Written by swimmingkiim
on 9월 07, 2020
in 웹 프로그래밍, editor, gonggeul, JavaScript, js, markdown, markdown web editor, personal, project, simple markdown editor, vanilla
with
댓글 없음
you can use this markdown editor in here!Making a Markdown Editor with JavaScriptTwo days ago, I started to make a custom markdown editor with JavaScript. Today in this blog post, I want to share the making process so that the other people who want to make their own custom markdown editor will get som...
9.03.2020
MongoDB 개념정리(정리중)
Documents
MongoDB는 데이터를 BSON(binary representation of JSON)의 형태로 저장한다.
document의 예시
{
name: "swimmingkiim",
age: 101,
favoriteThings: ["coding", "water", "music"...