개발기록장

자바스크립트에서 변수를 선언할 때 쓰는 키워드에는 var, let, const 이렇게 3가지가 있는데 각각의 특징과 차이점을 알아보자. 1. var 초기 자바스크립트에서 사용하던 방식으로 이제는 쓰지 않는 것이 좋다. var 사용을 지양하는 이유는 몇가지 단점이 있기 때문이다. // age라는 변수를 선언하지 않았는데도 에러가 나지 않음 (undefined로 정의됨) console.log(age); // 변수를 선언하기도 전에 값을 할당하는 것이 가능함 age = 20; // 같은 변수명으로 중복된 변수 선언이 가능함 var age = 10; var age = 30; 이러한 문제 뿐만아니라, var로 변수를 선언하면 block scope도 무시된다. ** hoisting : 변수를 어디에 선언했는지에 상..

position은 HTML 태그의 위치를 조정할 수 있는 속성이다. position 속성 값으로 올 수 있는 것은 5가지가 있다. static relative absolute fixed sticky 1. static static은 기본값으로 position을 지정하지 않을 때와 같다. static은 html에 정의된 순서대로 브라우저상에서 자연스럽게 보여지게 된다. static을 주면 top, right, bottom, left 속성은 무시된다. 2. relative relative은 static일 때를 기준으로 위치를 조정할 수 있게 한다. top, right, bottom, left 속성을 통해서 요소를 움직일 수 있는데 static일 때를 기준으로 top은 위에서 얼마큼 떨어져 있는지, right는..

CSS는 한 테그에 스타일이 중복되게 설정될 수 있는데, 이때 selector가 무엇인지에 따라 특정도(specify)값을 계산하여 값이 높은 순서대로 우선순위가 적용된다. 우선순위는 아래와 같다. 1. 속성 값으로 !important가 들어간 경우 (가장 우선시 됨) #important_style { color: white !important; } 2. html 태그에 inline으로 직접 style 속성을 적용하는 경우 (1000점) inline으로 style속성 지정 3. selector가 #id인 경우 (100점) #id_style { color: red; } 4. selector가 .class이거나 :pseudo (=가상클래스)인 경우 (10점) .class_style { color: black..

코딩테스트 문제를 풀 때 첫 번째 단계는 데이터를 입력받는 것입니다. 자주 쓰이는 입출력 방식을 정리해보았습니다. 입력 1. 정수 입력받기 - 공백으로 구분 된 여러 개의 정수를 받아올 때 # 예를 들어 문제에 1 2 3 4 5 가 주어졌을 때 a = list(map(int, input().split())) print(a) # [1, 2, 3, 4, 5] input()으로 입력을 받으면 string타입으로 저장된다. split()은 공백을 기준으로 string을 쪼개는 함수이다. ( )안에 '\n' ',' 등 구분자를 추가하면 구분자를 기준으로 대상 string을 쪼갠다는 의미이다. ( )안에 아무것도 넣지 않으면 공백이 구분자가 된다. input().split()까지 하면 ['1', '2', '3', ..