목록2020/08 (12)
coding etude
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년 코로나바이러스가 강타하고나서 교육시장이 일제히 문을..
html(HyperText Markup Language) : 웹페이지의 틀을 만드는 마크업 언어 // tag들의 집합. 1. 태그(tag) : 태그 란 로 묶여있는 html의 기본구성요소. 태그를 열면 꼭 동일한 태그로 닫아주어야 한다. (tree structure/ 트리구조) 한줄을 모두 사용한뒤 줄바꿈한다. 내용이 끝나도 줄바꿈 하지 않고 연속 입력이 가능하다 내용(text)을 bold 시킨다. 줄바꿈을 진행 하이퍼 링크를 지정 숫자의 따라 text 의 크기가 지정된 text를 출력한다. 6까지 있다. 클릭할수 있는 버튼을 만든다. text를 강조(이테릭체로 변경) 한다. 주제 변경 시 단락 표시(하나의 선을 출력한다.) 외부 사이트를 참조해서 출력하는것 (ex 지도) 이미지를 삽입한다. type에 ..
[객체 지향 프로그램 Javascript] : 객체란(Object) 물리적으로 존재하거나 추상적으로 생각할 수 있는 것중에서 속성(property)을 가지고 있으면서 식별이 가능한 것을 말합니다. 예를들어 자동차, 자전거 책, 사람 또, 추상적인 강의, 주문 등도 객체가 될 수 있습니다. 객체는 속성과 동작(method)로 구성이 되어 있습니다. 사람의 속성은 이름, 나이 , 키 , 몸무게 등이 될 수 있고 동작은 걷다, 먹다, 웃다 등을 예로 들수 있습니다.차(Car)로 비교 한다면 모델명, 색상, 바퀴, 기어, 등의 속성을 가지고 달린다, 멈춘다 와 같은 동작을 가지고 있을수 있겠죠? javascript 에서는 이러한 프로퍼티와 메소드를 가지고 현실 세계의 객체를 소프트웨어 객체로 설계하고 구동하게 ..
[TDD ( Test Driven Development] 해석 그대로 테스트가 개발을 주도해 나간다는 개발론으로, 보통 개발의 순서를 보면함수설계 -> 코드 작성 -> 수등 테스트위의 과정을 거치면서 진행 된다.하지만 개발 이후에 업데이트를 및 보수 등을 하기 위해서 어느 한부분을 변경했을 때 어떤 문제가 발생 할 수 있을지 아무도 모르고 또 오류를 수정하기 위서 많은 시간과 비용이 들어가게 된다.하지만, 처음 개발과정 부터 테스트를 진행하면서 원하는 값을 도출해 가며 개발을 한다면 조금 더 모듈화가 잘 될 수 있고 더욱 명료한 코드가 작성이 가능하다고 한다..그래서 이 TDD를 활용하여 함수설계 -> 테스트 코드 작성 -> 코드 작성 다음과 같은 과정을 거친다면 후에 발생 할 수 있는 오류와 문제점 등..
[scope] : scope는 javascript 변수의 접근가능 범위를 말하는 것입니다. scope는 크게 두 가지 종류가 있는데 global scope(전역 스코프) 와 local scope(지역 스코프) 입니다. [global scope( 전역 범위 )] : 변수가 함수 바깥으로 선언 되거나 { } 바깥에 선언 되면 global scope 에 해당 합니다.global scope에 선언된 변수는 언제든 참조가 가능하고 값을 재설정 할 수 있습니다. 심지어 함수 안에서도 사용이 가능합니다.( 전역 변수 )하지만, global scope 에는 변수를 선언 않는것이 좋습니다. 두 개 이상의 변수선언으로 충돌이 나거나(const / let 으로 선언 시) 값의 재설정(var 로 설정 시)으로 오류가 날수 있..