프로그래밍 공부하기

VMware에 Ubuntu를 깔고 보니 한글입력이 안 된다! 기억은 잘 안나지만 우분투 설치할 때 한글로 설정을 안한 것 같다. 그래서 구글링을 하다보니 다른 사람들과 다르게 Setting에 '지역 및 언어' 라는 메뉴도 없고 'Language Support'도 아래 사진처럼 한글입력과 관련이 있을만한 사항이 보이지 않는다.. 하지만 결국 해냈다. 그 과정을 정리해본다. 1. 설치하기 sudo apt install language-pack-gnome-ko language-pack-gnome-en 먼저 필요한 언어팩을 설치한다. 나는 한국어(ko)와 영어(en)를 설치하였다. sudo apt install language-selector-gnome 입력기를 쉽게 설정해줄 도구인 language-select..

화살표함수: 함수 표현식 축약한 것 this call, apply bind 블로그 포스팅: 2021/01/12 - [Javascript/Basic JS] - 화살표 함수

Git 사용하기 상대 Repository에서 코드 가져오기 git remote -v : 현재 디렉토리에 연결된 Repository 확인 git remote add 이름 주소 : 현재 디렉토리에 Repository 추가 프로젝트에서 git 사용하기 Branch : 분리된 작업영역 하나의 원본을 베이스로 각자 맡은 부분을 코딩하고 다시 merge한다. 각자 개발하면서 서로의 코드에 영향을 주지 않는다. git checkout -b Branch이름: Branch 만들고, 만든 branch로 작업공간 이동하기 git checkout Branch이름: Branch 옮기기 2021/01/11 - [기타] - Git 기본 사용방법2 - 동료와 git 쓰기

2020/12/17 - [기타] - [20201216][이전블로그글]Git 기본 사용방법1 이전 글에 이어 동료의 저장소에서 코드를 가져오는 방법을 정리해본다. 하나의 프로젝트의 같은 파일을 A와 B 두 명이 작업하고 있다. 이 때 B가 A의 현재 코드를 확인하고 싶다면 어떻게 해야할까? 이 경우 두 가지 방법이 있다. 첫 번째는 A가 Project Master 저장소(가장 상단 요소)에 pull request를 하고 이를 B가 받아오는 방법. 두 번째는 A의 저장소에서 가져오는 방법이다. 이 때 A의 작업(기능 하나)이 끝나지 않았는데 Project Master 저장소에 올리는 것(Pull request)은 적절하지 않음으로 A의 저장소에서 가져오는 것이 가장 간단한 방법이다. 1. Remote 저장소..

날씨 API 사용하기 openweathermap.org/api fetch API를 이용하여 HTTP 요청을 수행한다.

JSON(JavaScriptObjectNotaion) 서로 다른 프로그램 사이에서 데이터를 교환하기 위한 포맷 JSON.stringfy: JavaScript 변수를 JSON 문자열로 변환(직렬화) JSON.parse: 문자열을 JavaScript 변수로 변환(역직렬화) Tree UI 구조 만들기 실습

재귀함수 주어진 문제가 비슷한 구조의 더 작은 문제로 나누어질 수 있을 때 사용한다. 중첩된 loop가 너무 많거나 중첩의 정도를 미리 알 수 없을 때 사용한다. 사고방법 재귀함수의 입력 값과 출력 값을 설정한다. 문제를 더 작은 문제로 계속 나눈다. 가장 작은 문제를 해결한다. 가장 작은 문제의 해결방법을 이용하여 복잡한 문제를 해결한다. function recursive(input1, input2, ...) { // 재귀의 기초 (base case) if (문제를 더 이상 쪼갤 수 없을 경우) { return 단순한 문제의 해답; } // recursive Case(복잡한 문제) return 더 작은 문제로 새롭게 정의된 문제 //ex. return input1 + recursive(...) }

트위틀러 만들기 과제 prototype.format() Date() 객체 정규표현식 ForEach() justify-content, overflow-wrap() CDN Web Storage / Local Storage

CSS 변수 IE 11에서는 지원하지 않는다. :root 가상 클래스 문서의 루트요소(HTML에서는 html)를 지칭한다. { property: value } 의 형태로 값을 정의한다. property는 대소문자를 구분한다. 하위요소에서 같은 property를 정의 하면 하위요소에서는 정의한 value가 적용된다. See the Pen CSS_Var by ImHyeLim1209 (@imhyelim1209) on CodePen. Element에 Event 연결 ex.클릭이벤트 element.onclick = function(event){ ... } 하나의 콜백함수만 지정 가능(두 번 이상 쓰면 마지막에 등록된 것만 수행된다) 이벤트 제거 시 onclick 속성을 초기값으로 할당한다. Property 방식 ..

DOM을다루는방법 createElement apend, appendChild querySelector, querySelectorAll textContent, classList.add, id, setAttribute remove, removeChild 참고 사이트 gist.github.com/thegitfather/9c9f1a927cd57df14a59c268f118ce86 Vanilla JavaScript Quick Reference / Cheatsheet Vanilla JavaScript Quick Reference / Cheatsheet. GitHub Gist: instantly share code, notes, and snippets. gist.github.com