coding etude

Stack : 한쪽으로만 자료를 넣고 뺄수 있는 Last in first out(LIFO) 형태의 자료구조 Stack 의 method pop : Stack의 제일 위(끝)에 자료를 제거한다. push(node) : Stack 의 제일 위(끝)에 node(자료)를 추가한다. peek : 가장 마지막의 자료를 반환 한다. isEmpty : Stack가 비어있을 때 true 를 반환. Stack 의 사용 예시 재귀의 사용 : 재귀 사용 시 임시데이터를 스텍에 넣어주고 backtrack(퇴각검색)을 하면서 스택의 자료를 다시 꺼내온다. 웹브라우져의 뒤로가기 실행취소 (Undo) 역순 문자역 만들기 후위표기 계산법 Stack의 구현 class Stack { constructor() { this.storage = ..

ESlint : linting 을 위해 개발된 유틸리티 Eslint 는 node.js 로 개발 되어서 npm으로 쉽게 설치가 가능하고 설치 후 기본적으로 제공되는 몇가지의 규칙이 제공된다. ESlint의 장점으로 오류를 찾아 내는 규칙을 동적으로 언제나 사용자가 직접적으로 작성 및 수정 할 수 있다는 것이다. 보통 프로그램을 코딩 할 때 오류를 찾기 위해서 따로 코딩을 해줘야 했지만 ESlint를 이용하면 그 수고를 조금은 줄여줄수 있다. ※ lint = 보풀이라는 뜻으로 linting 은 보풀을 제거 한다는 뜻으로 프로그래밍에서는 오류를 제거하다 라는 뜻을 갖는다. ★설치하기 - npm 으로 제작 vsCode 터미널에서 다음 명령어를 입력하면 쉽게 설치가 가능 하다 $ npm install eslint..

Arrow Funcion(화살함수) : ES6 에서 추가된 함수 기능으로 간결한 익명의 함수 이다.(lambda) ＠화살함수의 특징 - 혼자서는 사용 될 수 없다. : 간결한 익명 함수이고 메소드 형식으로 표현 할 수 없기 때문에 혼자서는 사용 할 수 없다. - 사용 시 parameter 값을 받아 사용하게 된다. // 일반함수 예제 arrow.map(function(parameter){조건식}); // 화살함수 예제 arrow.map((parameter) => { ... }); : 위의 예시처럼 더 간갈한 익명 함수를 선언 할 수 있게 되었다. - 화살 함수는 this, arguments, super(class 상속), new.target(생성자) 를 바인딩 하지 않고 오직 상위객체의 값만을 사용 할 ..

Function method : 함수 내장 메소드// Function.prototype.method ＠함수 실행 방법 - function(method) 호출 - new 생성자 호출 - 함수 메소드 .call()/.appl() 를 사용하여호출 1. call 메소드 : 생성 되어 있는 객체(함수 / 메소드)를 재할당 할때 사용하는 메소드로 인자로(this, argument) 로 주어진다 //예제1 function Product(name, price) { this.name = name; this.price = price; if (price < 0) { throw RangeError('Cannot create product ' + this.name + ' with a negative price'); } } fu..

git(형상관리도구 /버전 관리 시스템) 와 github(형상관리 도구 웹 호스팅 시스템) https://goddaehee.tistory.com/91 // git 에 관한 설명 (꼭 읽어보자) https://www.44bits.io/ko/keyword/github#%EA%B9%83%ED%97%88%EB%B8%8Cgithub%EB%9E%80 // github 설명 github의 자료 내려받기 : github의 원본 자료를 나의 github 로 복사 하고 다시 local(pc or laptop)로 다운 받기 ※ git Bash 를 먼저 다운 받아서 설치해야 한다. 1. github의 master 에서 나의 github(master) 로 fork 한다. 2. git Bash에서 다운받을 디렉토리로 이동해서 -..

고차 함수 (HOF : Higher order function) : 다른함수를 인자(argument)로 받거나 다른 함수를 리턴하는 함수. ＠first class citizen(1급 시민의 조건) - 변수에 할당(assignment) 할 수 있다. - 다른 함수에 인자(argument)로 전달 할 수 있다. - 다른 함수의 결과로 리턴 할 수 있다. ※javascript에서는 함수도 1급 객체이다. ＠함수가 1급객체인 것이 중요한 이유. - 함수를 전달 할 수 있다는 것은 인자로 조건에 맞는 함수를 넣어주면 작업이 쉽게 처리되기 때문이다. ※함수 선언식과 표현식의 차이점. // 호이스팅을 제외하면 실행의 차이는 없으나 함수 표현식은 함수의 할당과 실행 위치가 중요하기 때문에 코드의 위치가 어느정도 예측 ..

DOM(Document Object Model) : javascript 를 이용하여 html 에 접근해 html을 조종 할 수 있는 model 1. 부모와 자식이 존재하는 트리구조의 html - 부모와 자식의 관계를 이해하고 찾을 수 있어야 한다. ※트리구조(tree strucment)에서 하위요소를 가지고 있다면 부모, 상위 요소를 가지고 있다면 자식, 동일한 부모를 가지고 있다고 있다면 형제의 구조를 가지고 있다. - 자식(children) 찾기 : document.부모.children // 부모 element에 속해 있는 자식 element 를 모두 찾을 수 있다. - 부모(parent) 찾기 : 변수에 자식객체를 선언한 후 변수.closest(조건) 을 이용하여 조건에 해당하는 부모를 찾을 수 있..

두근거림과 희망을 안고... 음악을 좋아했고 그래서 음악을 전공하게 되고 성인이 되고나서 부터 쭉 음악만 생각하면서 살아왔었는데 어느 날 부터인가 '이대로 괜찮을까?' 라는 생각이 문득 들고는 했다. 대부분의 사람들은 음악전공을 했다고 하면 굉장히 신기해 하곤 한다. 그리고 또 부러워 한다. 하지만 직업적으로 생각했을때는 언제나 예체능은 제일 하위권.. 주변지인들(음악전공자, 예체능 전공자들)이 우스게소리로 예체능 직업은 결혼정보업체에서도 무직 또는 19등급이라며 19등급의 남자라고 웃곤 했다. 그만큼 사회적으로는 전혀 도움이 되지 않는 배고프고 인기없는 직업이라는 소리다. 정말 열심히 일했고 보람도 있었지만 정작 희망은 없었다. 그러던 와중 2020년 코로나바이러스가 강타하고나서 교육시장이 일제히 문을..