봉보로봉봉

JavaScript의 String 선언 const nameInSingleQuotes = "bong"; const nameInDoubleQuotes = 'bong'; const emptyInSingleQuotes = ''; const emptyIndoubleQuotes = ""; console.log((nameInSingleQuotes === nameInDoubleQuotes)); // true console.log((emptyInSingleQuotes === emptyIndoubleQuotes)); // true 작은따옴표나 큰따옴표나 둘 다 상관없이 자바스크립트 문자열을 만들 수 있고, === 연산자로 비교해봐도 같다고 나온다. 작은따옴표와 큰따옴표의 쓰임 반대되는 따옴표가 사용된 문자열의 안에서 리터..

백준 step2 조건문 1330 숫자로 변환하는 것을 잊지말자! 간단한 문젠데 또 형변환을 잊어서 틀렸다가 맞췄다. 2753 문제를 잘 읽자! 윤년을 구하는 문제였는데 문제를 잘 이해하지 못해서 조건문을 이리저리 수정한 것도 있는데, 가장 중요한 출력 값을 멋대로 1, 2로 적어놓고는 몰라서 7번은 틀렸다... 문제를 잘 읽고 오답이 낫을 땐 코드 전체를 살펴보자 제발! 14681 node.js로 문제를 푼다면 이 문제는 readline으로만 풀 수 있습니다. 그동안 나는 문제를 fs모듈로 풀고 있었는데 자꾸 런타임에러가 나서 찾아보니 이 문제는 fs모듈로는 에러가 나서 readline으로만 풀 수 있다고 한다. 그런데 왜 어찌하여 문제에는 이걸 적어주지 않으셨나요 백준 관리자님들... 전 그것도 모르고..

유닛 테스트(Unit Test)란? 유닛 테스트(unit test)는 프로그래밍을 할 때 소스코드의 특정 모듈(메서드)이 의도된 대로 정확히 작동하는지 검증하는 하나의 모듈을 기준으로 독립적으로 진행되는 가장 작은 단위의 테스트이다. 여기서 모듈은 애플리케이션에서 작동하는 하나의 기능 또는 메소드, .js와 같은 파일로 이해할 수 있다. TDD(Test-Driven Development, 테스트 주도 개발)에서 얘기하는 테스트도 단위 테스트를 의미한다. 유닛 테스트를 하는 이유? 전체적으로 말했을 때 유닛 테스트는 버그를 줄이고 코드 퀄리티를 높이기 위해 만든다. 통합 테스트는 실제 여러 컴포넌트들 간의 상호작용을 테스트하기 때문에 모든 컴포넌트들이 구동된 상태에서 테스트를 하게 된다. 그렇기에 통합 테..

관련 HTML Tag 속성 method 양식을 제출 할 때 사용할 http 메소드. 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄지 지정한다. 속성 값 get : 양식 데이터를 action URL과 ? 구분자 뒤에 이어 붙여서 전송한다. 주소 표시줄에 사용자가 입력한 내용이 그대로 드러난다. 256-4,096byte의 데이터만 넘길 수 있다. post : 양식 데이터를 요청 본문으로 전송한다. 대부분 이 방식을 사용한다. 사용자의 입력을 표준 입력으로 넘겨주기 때문에 입력 내용의 길이에 제한을 받지 않고 사용자가 입력한 내용이 드러나지 않는다. dialog : 양식이 안에 위치한 경우, 제출과 함께 대화 상자를 닫는다. name 폼의 이름을 지정한다. 한 문서 안에 여러 개의 태그가 있을 ..

const heroElement = document.getElementById('hero'); let heroLeftInline = heroElement.style.left; console.log("heroElement.style.left", heroLeftInline); // "" 강의를 들으며 웹게임을 진행하던 중에 getElementById로 불러온 요소에 style.left를 확인하려고 하니 외부 css 파일에서 스타일을 설정했음에도 아무 값도 입력되지 않았다. 이유 HTMLElement.style은 태그 내에 인라인 형식으로 정의된 것만 가져오므로 getElementById로 불러온 요소는 인라인 형식으로 정의되어있는 스타일 속성만 읽어올 수 있다. Element.style로 속성 값 확인해보기..

과제를 진행하는데 getElementsByClassName에 addEventListener를 쓰면 계속 오류가 났다. 일단은 getElementsByClassName 대신 getElementById를 사용해서 해결했는데 왜 그런지 궁금해서 찾아봤다. querySelector와 getElementById는 단일 DOM 객체를 불러와서 addEventListener사용에 문제가 없지만, querySelectorAll과 getElementsByClassName은 NodeList를 가져온다. 여러 요소를 선택하는 메소드 뒤에는 직접적으로 addEventListener를 사용할 수 없는 것 같다. MDN 문서에도 querySelector와 getElementById는 단일 Element를 반환한다고 되어있고 qu..

CSS2까지는 모든 기능에 대한 내용을 하나의 문서에 정의하였지만 CSS3부터는 기능에 따라 모듈로 분리하여 정의하고 있다. CSS3의 모듈은 많은 것들이 아직 작성 중이다. 그래서 아직 표준 권고안이 되지 못한 속성들은 브라우저 마다 다른 방식으로 지원된다. CSS 표준으로 확정되기 전, 또는 표준은 아니지만 특정 브라우저에서만 지원되는 CSS 속성을 사용하기 위해서 제공되는 기능이다. 속성 이름 앞에 벤더 프리픽스(vendor prefix)를 붙여 브라우저별로 구분한다. 표준 규약이 완성된 속성도 옛날 버전의 브라우저 사용자를 고려하기 위해 벤더 프리픽스를 사용하기도 한다. 그렇게 하면 해당 기능이 포함되어 있지 않은 이전 버전의 웹 브라우저에서도 그 기능을 사용할 수 있게 된다. Vendor Pre..

VSCode 단축키 인터페이스 & 세팅 & 파일 오픈 커맨드 팔레트 열기 윈도우 : Ctrl + Shift + P 맥 : Cmd + Shift + P 세팅 열기 Ctrl + , Cmd + , 파일로 가기 (Quick Open) Ctrl + P Cmd + P 직전에 닫은 파일 열기 Ctrl + Shift + T Cmd + Shift + T 사이드바 열고 닫기 Ctrl + B Cmd + B 터미널 열고 닫기 Ctrl + ` Ctrl + ` 키보드 단축키 확인 Ctrl + K + S Cmd + K + S 커서 이동 & 선택 맨 위로 이동 Ctrl + Home Cmd + ↑ 맨 아래로 이동 Ctrl + End Cmd + ↓ 양 끝으로 이동 Ctrl + ← 또는 → Cmd + ← 또는 → 단어 단위로 커서 이동 ..