본문 바로가기

분류 전체보기158

20210405#(27)JavaScript(함수고급) 자바스크립트는 함수도 하나의 자료형이기 때문에 매개변수로 전달할 수 있다. 이렇게 매개변수로 전달하는 함수를 callback 콜백 함수라고한다. (선언적 함수 사용) 1.callThreeTimes() 함수는 함수를 매개변수로 받았다. 2.callThreeTimes() 함수의 callback 매개변수에 print() 함수를 전달했다. 3.callThreeTimes() 함수 내부에선 callback(i) 형태로 함수를 호출함. 4. 매개변수로 전달된 print() 함수가 차례로 호출. (익명 함수 사용) 1.callThreeTimes() 함수는 함수를 매개변수로 받았다. 2.callThreeTimes() 함수 내 익명 함수를 통해 즉시 실행. #callback함수를 활용하는 함수 - forEach() fun.. 2021. 4. 5.
20210402#(26)JavaScript (매개변수) #나머지 매개변수 매개변수로 배열을 받은 예시를 살펴보자 fuc([1,22,333,444]) fuc([1,22,333,444,5555,666)] 소괄호와 대괄호가 같이 있어서 보기 불편하다. 만약 위 예시같이 여러 개의 숫자를 매개변수로 실행하고 싶다면 어떻게 해야 할까? 그리고 매개변수가 1개일 때도 있고 10개일 때도 있고 그 이상이 될 수도 있는데, 일일이 다 쳐야 할까? 매개변수의 개수가 10개가 될 수도 있고, 5개도 될 수도 있듯이 매개변수의 개수가 고정적이지 않은 함수를 가변 매개변수 함수라고 한다. JS에서 가변 매개변수를 나타낼 때에는 나머지 매개변수라는 문법을 사용한다. 사용법은 다음과 같다. function 함수 이름(... 나머지 매개변수) {} 위와 같이, 함수의 매개변수 앞에.... 2021. 4. 2.
20210315#(25)Ted - Inside the mind of a master procrastinator | Tim Urban+script 요즘 점점 해이해지는 나에게 조금이나마 동기부여가 된 영상이어서 글을 작성하게 됐다. 문득 Ted 강연 중 어떤 게 제일 조회수가 높을까?라는 생각이 들어, 검색해봤더니 Tim Urban이라는 사람의 강연이 조회수 36,938,086회(2021/03/15 기준)로 가장 높았다. 가장 조회수가 높다는 건 사람들이 그만큼 관심 있게 봤다는 뜻이기에 나도 한번 시청해봤다. 제목은 Inside the mind of a master procrastinator 번역하자면 할 일을 미루는 사람의 심리이다. 여기서 화자는 미루는 사람과 미루지 않는 사람의 뇌 이미지를 비교해서 보여준다. 먼저 미루지 않는 사람의 뇌를 다음과 같이 표현했다. Rational Decision Maker 즉 합리적 의사 결정자가 우리의 행동.. 2021. 3. 15.
군대 사지방에서 코딩하는법 사지방(사이버 지식정보방)에서 코딩을 하려고 하지만.. 집 컴퓨터처럼 파일 설치가 제대로 되지 않고 재부팅 시 파일도 삭제되기 때문에 환경 구축하는 게 쉽지 않다. 그래서 지금까지 내가 했던 방법이나 들었던 방법들을 소개해보려고 한다 1. 웹 IDE 사용하기 구름 IDE나 repl.it 같이 웹 컴파일러에서 코딩을 하는 것이다. 요즘 웹 컴파일러들도 기능들이 많기에 간단한 코딩 또는 알고리즘 문제풀이를 하기엔 괜찮은 선택인 것 같다. https://www.goorm.io/ goorm 구름은 클라우드 기술을 이용하여 누구나 코딩을 배우고, 실력을 평가하고, 소프트웨어를 개발할 수 있는 클라우드 소프트웨어 생태계입니다. www.goorm.io https://replit.com/ The collaborativ.. 2021. 3. 5.
20210226#(23)docker 명령어들 docker 명령어 1. 실행 중인 컨테이너 중지 -sudo docker stop 2. 실행 중인 컨테이너 제외 모든 컨테이너 삭제 -sudo docker container prune 3. 도커 포트 포워딩 여러 개 하는 법 - sudo docker run --name code-server -p 80:8080 -p 443:5500 이런 식으로 -p 이어서 해주면 된다. 4. 클라우드 서버에서 vscode 이용할 때 live server extension 이용하는 법 - 포트 포워딩 위처럼 -p 443:liveserver port 입력해주면 되는 듯 5. 도커 sudo권한 없애기 - sudo usermod -aG docker $USER 6. 재부팅 시 docker 컨테이너 자동 실행 -docker upda.. 2021. 2. 26.
20210218#(22)JavaScript (조건문)(신축년???) 1. javascript에는 if 조건문 외에도 조건문들이 많다. if와 switch를 비교하면서 공부해보도록 하자. swtich 조건문의 기본 형태는 다음과 같다. 모든 swtich문은 if문으로 변경할 수 있다. 모든 if 문을 switch문으로 대체하기는 어렵지만 불가능하지는 않다. 시간에 맞춰서 아침,점심 그리고 저녁 먹을 시간을 알려주는 코드를 통해 if문과 switch문을 공부해보자. # if문 # switch문 2. 조건부 연산자 javascript에는 조건부 연산자라는것이 있다. 항을 3개 가진다고 하여 삼항 연산자라고 부르기도 한다. 기본 형태는 불 표현식 ? 참 결과 : 거짓 결과이다. 코드를 보며 익혀보자. 0 이상 숫자를 넣게 되면 over 0이 출력되고, 0 이하 숫자를 넣게되면 .. 2021. 2. 18.
20210213#(21) JavaScript (프로토타입) Prototype: 원형 (객체의 원형) 첫 번째 코드를 살펴보자. jiho와 jihoho는 눈과(eyes) 코를(nose) 가지고 있다. 그런데 메모리에는 eyes와 nose가 2개씩 총 4개가 할당된다. 만약 객체의 개수가 100개 또는 1000개가 된다면 메모리가 남아나지 않을 것이다. 이러한 문제를 prototype으로 해결 가능하다. 바로 두 번째 코드를 살펴보자. function Person(){}를 선언하게 되면, Person.prototype이라는 빈 object 즉 객체가 존재한다고 볼 수 있다. 그리고 Person 함수로부터 생성된 object(jiho,jihoho)는 Person.prototype에 들어있는 값을 가져다 쓸 수 있는 것이다. 정리하자면 eyes와 nose를 공간에 넣어.. 2021. 1. 20.
20210120#(20) JavaScript (상속 ) 먼저 코드를 살펴보자. 위 두 개의 코드는 서로 같은 결과를 나타낸다. 코드를 살펴보면 달라진 점은 첫 번째 코드의 this.introduce = function() 부분이 사라지고 Person.prototype.name = null; Person.prototype.introduce = function()으로 바뀌었다. 왜 두 코드가 같은 결과를 나타내고 이렇게 표현할까? 다음 코드를 보자. 1.Programmer라는 생성자를 만들고(function Programmer(name){ this.name = name;} ) 2.Programmer생성자의 prototype이라는 녀석과 Person의 객체를 연결했더니 (Programmer.prototype = new Person();) 3. Programmer .. 2021. 1. 20.
20210116#(20) JavaScript (this) js 경우 this는 함수 호출 방법에 따라서 this가 가리키는 대상이 동적으로 달라진다. 코드를 통해 천천히 이해해보자. 첫 번째 function func(){ 로 시작되는 코드의 결괏값은 window === this이다. 함수를 호출했을 때 this는 전역객체인 window와 같다. 두 번째 const a={ 로 시작되는 코드의 결괏값은 a === this이다. 객체 안 메소드의 this는 그 객체를 가리킨다. 위 코드는 함수를 그냥 호출했을 때(const a1 = Func();) 와 new를 통해 생성자를 호출(const a2 = new Func();)하는 코드이다. 결괏값은 window o2 이다. new 생성자는 빈 객체를 만들고 이 객체 내에서 this는 만들어진 객체를 가리키기 때문에 o2.. 2021. 1. 15.