전체 글

ETC/📋 Coding Tests

[프로그래머스] 등수 매기

문제설명 영어 점수와 수학 점수의 평균 점수를 기준으로 학생들의 등수를 매기려고 합니다. 영어 점수와 수학 점수를 담은 2차원 정수 배열 score가 주어질 때, 영어 점수와 수학 점수의 평균을 기준으로 매긴 등수를 담은 배열을 return하도록 solution 함수를 완성해주세요. 제한사항 0 ≤ score[0], score[1] ≤ 100 1 ≤ score의 길이 ≤ 10 score의 원소 길이는 2입니다. score는 중복된 원소를 갖지 않습니다. 입출력 예 [[80, 70], [90, 50], [40, 70], [50, 80]] [1, 2, 4, 3] [[80, 70], [70, 80], [30, 50], [90, 100], [100, 90], [100, 100], [10, 30]] [4, 4, ..

FRONTEND/HTML, CSS

[CSS] 네이밍 규칙

새로운 페이지를 만들때 항상 고민되는 변수명 짓기 Javascript에서는 흔히 Camel Case로 불리는 컨벤션 규칙을 사용한다. 띄어쓰기 없이 변수명을 붙여쓰되 이어지는 단어의 첫 글자는 대문자로 작성한다. const myName = document.getElementById('...') 하지만 CSS에서 카멜케이스 사용은 적합하지 않다. BAD .selectBtn { border: 1px solid blue; } GOOD .select-btn { border: 1px solid blue; } CSS의 네이밍 규칙중 CSS의 제작 방법론 중 하나인 BEM 규칙에 대해 알아보자. BEM 규칙 BEM은 Block, Element, Modifier 의 줄인 말로 일종의 네이밍 컨벤션 이다. 컴포넌트 기반..

FRONTEND/Javascript

[JS] 생성자 함수

객체 리터럴 let user = { name: 'Stella', age: 29, } 생성자 함수 (Intermediate Class) 비슷한 객체를 여러개 만들어야 하는 상황이 올 때 쓸 수 있는게 생성자 함수이다. 생성자 함수는 붕어빵 틀이나 와플팬이라고 생각하면 된다. 필요한 재료들을 넣어주고 찍어준다. 아래 코드에서 필요한 재료는 이름과 나이, 생성되는 객체는 와플이다. function User(name, age){ this.name = name; this.age = age; } let user1 = new User('Stella', 20); let user2 = new User('Kate', 25); let user3 = new User('Andy', 32); *생성자 함수는 첫글자를 대문자로 하..

FRONTEND/Javascript

[JS] 변수와 호이스팅

변수 (Variable) 변수란 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙이 이름을 말한다. 변수 선언 변수는 var, const, let 키워드로 할 수 있으며, ES6에서 const와 let이 추가되었다. var와 let은 둘을 바꿔서 사용해도 크게 문제 되지 않는다. var 와 let의 차이점 var는 한번 선언된 변수를 다시 선언할 수 있다. var name = "Stella"; console.log(name); // Stella var name = "Kate"; console.log(name); // Kate 동일하게 let으로 선언할경우 에러가 발생한다. let name = "Stella"; console.log(name); // Stella ..

숭코기
숭어의 코딩기록