최신 글
-
node.js
Node.js®는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. 런타임은 특정 언어로 만든 프로그램들을 실행할 수 있는 환경을 뜻합니다. 따라서 노드는 자바스크립트 프로그램을 컴퓨터에서 실행할 수 있습니다. 쉽게 말해 노드는 자바스크립트 실행기라고 봐도 무방합니다. 노드는 V8과 더불어 libuv라는 라이브러리를 사용합니다. libuv 라이브러리는 노드의 특성인 이벤트 기반, 논 블로킹 I/O 모델을 구현하고 있습니다. 이벤트 기반(event-driven)이란 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 방식을 의미합니다. 이벤트로는 클릭이나 네트워크 요청 등이 있을 수 있습니다. 노드도 이벤트 기반 방식으로 동작하므로, 이벤트가 발생하면 이벤트 리스너에 등..
2022.12.06
-
git github 2022-11-27
git rm --cached add 취소하기 git commit --amend 가장 최근 커밋 메서지 수정하기 git restore 최근 수정했던 사항 취소하기 git restore --staged 스테이징 파일만 골라서 되돌리기 안붙히면 모든 스테이징 파일 되돌리기 git commit -am 언트랙은 실행안됨 git reset HEAD^ 최신 커밋 되돌리기 -> 작업트리에만 남게됨 언트래됨 git reset --hard 헤드로 보내고 위에 다 고아 git reflog 고아된 애들 포함 다보기 복구할때 유 git revert 지정한 커밋 해시의 변경 이력을 취소 revert 취소하고싶다면 git revert --abort Reset 명령은 커밋 히스토리를 깔끔하게 유지할 수 있고, 혼자 작업 시 편하게 ..
2022.11.27
-
js 2022-11-22 점 표기법 대괄호 표기법
점 표기법 let gy = { name : `건영`, age : 900 } console.log(gy.name) // name에 건영이 출력된다 대괄호 표기법 let banana = 'sweet' let fruits = {banana: '바나나', sweet: '달다'} console.log(fruits[banana]) // 달다 console.log(fruits.banana) // 바나나 fruits[banana]로 접근하면 초기화 해놓은 banana 변수의 값 `sweet`를 가져오고 fruits[바나나의 값]이되고 fruits.sweet의 값이 된다.
2022.11.22
-
리눅스 2022-11-21
리누즈 토발즈 의해 만들어진 OS로 오픈소스 개발에 가장 유명한 표본임. 유닉스(Unix) Shell -> kernel -> 하드웨어 리눅스 특징 구조 리눅스는 유닉스 라는 운영체제 기반으로 하고있다. 뛰어난 안정성과 보안성, 높은 신뢰성과 성능이 특징 시스템 자원을 효율적으로 관리및 사용할수있다. 멀티유저와 멀티태스킹을 지원 - 멀티유저 : 여러 사용자가 동시에 하나의 시스템에 접근 가능 - 멀티태스킹 : 여러 개의 작업을 동시에 실행하고, 교대로 컴퓨터의 자원을 사용하는 기능 우분투(Ubuntu) 설치 가장범용적으로 쓰는 os중 하나이다 디렉터리 구조 최상위 디렉터리 루트 디렉터리 /bin 기본적인 명령어가 저장된 디렉토리, 리눅스 시스템사용에 있어서 가장 기본적인 명령어들이 저장되어있는곳 ls, c..
2022.11.21
-
2022-11-20 Git 설치 및 실행, 환경 설정하기 그리고 빔(Vim)
- Git의 핵심 기능 3가지 - 1. 버전 관리(version control) 문서를 수정할 때마다 언제 수정했는지, 어떤 것을 변경했는지 등을 구체적으로 기록하는 버전 관리 시스템(git) 2. 백업(backup) 백업은 현재 컴퓨터에 있는 자료를 다른 컴퓨터에 복제하는 것입니다. 외장 하드디스크, USB 디스크 등 저장장치를 따로 마련해 백업 할수 있고, 드롭박스(Dropbox)나 구글 드라이브(Google Drive)같은 인터넷 서비스를 사용하기도 한다. 백업 공간을 제공하는 인터넷 서비스는 깃 파일을 위한 것도 여럿 있습니다. 이것을 깃(Git)의 원격 저장소 또는 온라인 저장소라고 한다. 이러한 서비스 가운데 가장 많이 쓰이는 것이 바로 깃허브(GitHub)입니다. 3. 협업(collabora..
2022.11.20
-
js2022-11-17 게시판, 배열 forEach, filter
const person = { name: `ingoo`, age: 102 } console.log(person) const person2 = JSON.stringify(person) // string으로 만들어준다. console.log(person2) console.log(typeof person) //object console.log(typeof person2) // string const str = `{"name":"ingoo","age":102}` console.log(person2 === str) //true const person3 = JSON.parse(person2) // object로 만들어준다. console.log(person3) JSON.stringify() object -> str..
2022.11.20
JavaScript
-
js 2022-11-22 점 표기법 대괄호 표기법
점 표기법 let gy = { name : `건영`, age : 900 } console.log(gy.name) // name에 건영이 출력된다 대괄호 표기법 let banana = 'sweet' let fruits = {banana: '바나나', sweet: '달다'} console.log(fruits[banana]) // 달다 console.log(fruits.banana) // 바나나 fruits[banana]로 접근하면 초기화 해놓은 banana 변수의 값 `sweet`를 가져오고 fruits[바나나의 값]이되고 fruits.sweet의 값이 된다.
2022.11.22
-
js2022-11-15
counter Value : 0 + - incrementBtn.addEventListener 클릭을 했을때, 핸들러 함수를 발동시킨다. e.target 이벤트를 발동시키는 엘리먼트를 가르킨다. e.target.id 값이 `increment` 면 ++num 아니면 --num 그 num 값을 display.innerHTML 해준다. function Person(name,age){ this.name = name this.age = age } const person1 = new Person(`곽인구`,50) const person2 = new Person(`장준영`,58) console.log(Person) asdf.push(person1,person2) class Person { constructor(name..
2022.11.15
-
js2022-11-14
gnb logo menu1 menu1-1 menu1-2 menu1-3 menu1-4 menu2 menu2-1 menu2-2 menu2-3 menu2-4 menu3 menu3-1 menu3-2 menu3-3 menu3-4 menu4 menu4-1 menu4-2 menu4-3 menu4-4 asdf * { padding: 0; margin: 0; } ul, li { list-style: none; } a { text-decoration: none; } #wrap { width: 100%; } #header { display: flex; width: 100%; justify-content: space-between; text-align: center; position: absolute; background: ..
2022.11.14
-
2022-11-10
setTimeout 2번째 인자값인 number 즉 밀리세컨드가 충족되었을때 딱 한번만 실행한다. setInterval 2번째 인자값인 number 즉 밀리세컨드가 충족되었을때 마다 실행된다. clearInterval 반복중단 콜스택이 비어있야 실행된다 console.log(1) setTimeout(function(){ console.log(2) },0) console.log(3) 답은 1, 3, 2 순서로 찍힌다. 1이 실행되고, setTimeout이 실행된다 태스크 큐에 2가 들어간다. 아직 2가 콜스택으로 안갓다. 3이 실행된다. 콜스택이 비었다. 태스크 큐에 있던 2가 콜스택으로간다. => 실행된다 1, 3, 2 1 1 1 1 1 const a =document.querySelector (`.a`..
2022.11.10
-
js2022-11-09
Event DOMContentLoaded HTML파일을 다 읽었을때 실행된다. 브라우저가 로드가 끄타면 DOMContentLoded 이벤트를 한번만 발동시킨다. 로그인 폼엘리먼트는 기본적으로 백엔드서버와 통신할때 쓴다. 인풋박스 안에있던 내용들을 키벨류값으로 주는데 그 키의 이름은 네임이된다. 쿼리스트링형태로 전달된다. value는 기본적으로 input에 넣을 값을 입력해준다. function submitHandler(e){ e.preventDefault() alert(`!!!`) e.target.submit() } const form = document.querySelector(`#loginForm`) console.log(form) form.addEventListener(`submit` , submi..
2022.11.09
-
js2022-11-08
const btn = document.querySelector(`#btn`) const lottoDisplay = document. querySelector(`#lotto`) 엘리먼트들을 선택해서 가져온다. function lottoHandler(e) { lottoDisplay.classList.remove(`none`) } btn.addEventListener(`click`, lottoHandler) 이벤트 함수를 만들어준다. 이벤트명 `click` 함수 lottoHandler를 넣는다. 안쓰더라도 lottoHandler 인자값에 e를 넣는다. 현재 #lotto.none { display: none;}가 있다 lottoDisplay 를 선택해서 classList.remove(`none`)을해준다. 버튼..
2022.11.08
