천천히 느리게 천천히 느리게

1. scope 란 ◎ javascirpt에서 scope란, 변수가 어디까지 쓰일 수 있는지의 범위를 의미합니다. 변수를 선언하여도 ***is not defined라는 에러 메시지를 보는 것도 scope와 관련된다. 어떤 변수는 여기저기 쓸 수 있는 반면에, 어떤 변수는 특정 함수 내에서만 쓸 수 있습니다. 이런 개념이 scope이다. 2. Block Scope(블록 스코프) ◎ scope의 개념을 알기 전에 알아야 할 개념은 block입니다. block이란 중괄호({ })로 감싸진 것을 의미합니다. 코드를 보면서 block scope가 어떤 의미인지 알아보자. function의 내부는 하나의 block이다. for문도 하나의 block이다. if문의 {}도 하나의 block이다. 블록 내부에서 변수가 ..

1. 문제 미국을 비롯해 전세계 대부분의 나라들이 생일을 기준으로 나이를 계산 합니다. 생일이 지나야 비로소 한 살을 더 먹게됩니다. 그에 비해 우리나라는 새해가 되면 모든 국민이 1살을 더 먹는 방식 입니다. 태어나면 1살 부터 시작하고 새해때 2살이 됩니다. 그래서 10월 이나 11월에 태어나는 아기들은 한두달 안에 2살이 되버리기도 하죠. 1살 차이도 크게 생각하는 우리나라 고유의 문화에 비롯한 계산법이 아닌가 추측해 봅니다. 미국이나 다른 나라가 사용하는 나이 계산법은 우리나라에서는 만나이 라고 하죠. getWesternAge 함수를 구현해주세요. getWesternAge 함수는 birthday 라는 인자(input)를 받습니다. birthday는 Date 객체이며 생일을 나타냅니다. 현재 기준으..

1. 문제 addFirstAndLast 함수 안에 작성해주세요. addFirstAndLast 함수에 주어진 인자 myArray는 숫자 값으로만 이루어진 array 입니다. addFirstAndLast 함수에 주어진 인자 myArray 의 첫번째 element와 마지막 element의 값을 더한 값을 리턴해주세요. 문제를 보고 금방 할 수 있을 거 같았다. 첫 번째 요소는 어떤 배열이든 array[0]이고, 마지막 값은 array[마지막 인덱스] 이기 때문이다. 처음 작성한 코드를 살펴보자. 코드를 살펴보면 이와 같다. 숫자로 이루어진 배열을 array 변수에 담는다. addFirstAndLast 함수를 호출하는데 인자로 array를 전달한다. addFirstAndLast 함수에 매개변수를 myArray로..

1. float 이란 ◎ float은 주로 이미지 주변에 텍스트를 감싸기 위해 만들어진 프로퍼티이다. 하지만 페이지 전체의 레이아웃을 잡을 때에도 정말 중요한 속성이 된다. 2. 문제점 ◎ float 속성에는 left, right, none 가운데 하나의 값을 줄 수 있습니다. float를 left로 값을 준 코드와 화면을 봐보자. img 태그에 float: left; 속성을 주어서 왼쪽 정렬을 하였다. 코드만 보고 화면이 어떻게 나올지 예상하자면, img는 왼쪽, span은 img 옆에 나오며, container 클래스의 css border가 그에 맞게 잘 나와야 한다. 자, 이제 화면을 봐보자 이상하다. 예상한 화면과는 전혀 다르게 나왔다. 이처럼 float를 쓸 때는 주의할 사항이 있다. float..

1. position 이란 ◎ position은 이름 그대로 태그들의 위치를 정해주는 css이다. 2. position의 종류 static relative absoulte fixed 2-1. static ◎ static은 기본값을 의미합니다. position:static; 이 설정된 엘리먼트는 특별한 방식으로 위치가 지정된 것은 아니다. static은 많이 사용을 안 한다. 2-2. relative ● relative는 별도의 프로퍼티를 지정하지 않은 이상 static과 동일하게 동작한다. 우선 별도의 프로퍼티를 지정하지 않은 것을 확인해보자. 위의 화면을 보면 프로퍼티를 지정하지 않으면 static과 동일한 위치로 나온다. ● 상대 위치가 지정된 엘리먼트에 top, right, bottom, left를..

1. 객체 생성자 ◎ 객체 생성자는 함수를 통해서 새로운 객체를 만들고 그 안에 넣고 싶은 값이나 함수들을 구현할 수 있게 해 준다. 다음 코드를 확인해보자. 위의 코드 결과는 다음과 같다. ※ 객체 생성자를 사용할 때 주의사항! 객체 생성자를 사용할 때는 함수의 이름을 대문자로 시작한다. 새로운 객체를 만들 때는 new 키워드를 앞에 사용해야 한다. 위의 코드를 살펴보면 dog가 가지고 있는 say 함수와 cat이 가지고 있는 수행하는 코드가 똑같음에도 객체가 생성될 때마다 함수도 새로 만들어져서 this.say로 설정이 되고 있다. 이처럼 같은 객체 생성자 함수를 사용하는 경우, 특정 함수 또는 값을 재사용할 수 있는데 이게 바로 프로토타입이다. 2. 프로토타입 ◎ ES6 이전까지는 자바스크립트에 클..

◎ python은 처음 웹 프로그래밍을 접했을 때부터 많이 듣던 언어이다. 앞으로 java 보다 사용률이 많아진다고는 하는데 이 부분은 잘 모르겠다. 아직 한국에서는 java를 많은 곳에 사용하기 때문이다. 하지만 위의 그림은 보면 자바만큼 파이썬의 사용률은 3위로 크게 성장 중에 있다. 그만큼 좋은 언어라고 생각하고, 앞으로 백엔드 영역에서 많이 사용할 거 같다. 파이썬을 제대로 배우기에 앞서, 파이썬에 대한 특징 및 장단점을 짧게나마 알아보려고 한다. 1. python 이란? ◎ 1991년 프로그래머인 귀도 반 로섬(Guido van Rossum)이 발표한 고급 프로그래밍 언어로, 플랫폼에 독립적이며 인터프리터식, 객체지향적, 동적 타이핑 대화형 언어이다. 파이썬이라는 이름은 귀도가 좋아하는 코미디

◎ Javascript에서 배열을 쉽게 다룰 수 있는 내장 함수들이 존재한다. 종류가 많아서 외우지는 못해서 이해하고 사용하면 좋을 거 같다. 1. forEach 배열 안에 원소들을 가지고 작업을 일괄적으로 하고 싶을 때 사용하는 내장 함수 배열의 요소를 반복한다. 각 요소에 대해 콜백을 실행한다. 값을 반환하지 않는다. 2. map 배열이 있을 때, 배열 안에 원소를 변환할 때 사용하는 내장 함수. 3. indexOf 배열에서 원하는 항목이 몇 번째 원소인지 확인하는 내장 함수. ※ Javascript 배열의 인덱스는 0부터 시작한다. 4. findIndex 문자열이나 boolean 인지 확인할 수 있다. 객체 또는 조건으로 찾는 데 사용한다. 파라미터는 함수 특정 조건을 확인해서 일치한다면 일치하는 ..