joyful

최근 백준코딩 문제를 풀기위해 vscode를 설정하다가 준비단계에서부터 여러 오류를 맛 보아서(ㅜㅜ) 블로그에 정리해보고자 합니다. 우선 문제를 풀 때 필요한 환경을 설치하는 방법부터 정리해보겠습니다. fs모듈 백준코딩에서 자바스크립트로 코딩테스트를 할 때 node.js를 사용합니다. 이 때 파일을 불러오는 기능이 필요합니다. 백준코딩에서 추천하는 방식은 fs모듈을 이용하는 방식입니다. fs는 node.js가 기본적으로 제공하는 filesystem으로써 파일을 불러오는 등의 기능을 제공합니다. fs모듈 이용법 1. vscode에서 'npm install fs'로 파일시스템을 설치합니다. 2. 예제를 복사하고 실행하기 위해 test.txt를 만듭니다. 3. readFileSync의 경로를 test.txt의..

이 글은 유튜브 제로초님의 가위바위보 게임 강좌를 참고하여 작성한 글입니다. 자바스크립트로 가위바위보 게임을 만들어 보았습니다. 가위 바위 보 만들다 보니 문제점이 하나 있었습니다. 이미지를 변환하는 코드에서 스크립트로 background 이미지의 position 스타일을 지정했는데, 이 게임은 간단한 프로그램이라서 괜찮지만, 이 경우가 많아지면 성능 저하의 원인이 될 수 있습니다. 따라서 스크립트는 스크립트에만! 스타일은 스타일에만! 지정해주는 것이 좋습니다. 그래서 미리 지정할 수 있는 스타일은 스타일에만 지정한 후, 클래스명을 추가했다 빼주는 방식으로 변경해보았습니다. 바로 이렇게요! 전체적인 코드 보여드리고 세부적으로 변경된 부분 정리하겠습니다, lines (90 sloc) 3.39 KB 가위 바..

안녕하세요 이 글은 유튜브 코딩앙마의 와 TCP school.com의 글을 기반으로 정리한 글입니다. 이번 포스팅에서는 자바스크립트의 기본 타입들에 대해 알아보겠습니다. 타입(data type)이란 프로그램에서 다룰 수 있는 값의 종류를 의미합니다. 자바스크립트에서는 여러 가지 형태의 타입을 미리 정의하여 제공하고 있으며, 이것을 기본 타입이라고 합니다. 자바스크립트의 기본 타입은 크게 원시 타입과 객체 타입으로 구분할 수 있습니다. 원시 타입(primitive type): 1. 숫자(number) 2. 문자열(string) 3. 불리언(boolean) 4. 심볼(symbol) : ECMAScript 6부터 제공됨 5. undefined 객체 타입(object type): 6. 객체(object) 1. ..

안녕하세요 이 글은 유튜브 코딩앙마의 와 TCP school.com의 글을 기반으로 정리한 글입니다. 자바스크립트의 기초 개념인 변수에 대해서 알아보겠습니다. 변수 변수(variable)란 데이터(data)를 저장할 수 있는 메모리 공간을 의미하며, 그 값이 변경될 수 있습니다. 자바스크립트에서는 var 키워드를 사용하여 변수를 선언합니다. 변수 선언과 초기화 선언된 변수는 나중에 초기화할 수도 있고, 선언과 동시에 초기화할 수도 있습니다. 쉼표(,) 연산자를 이용하여 여러 변수를 동시에 선언하거나 초기화할 수도 있습니다. 변수의 타입과 초깃값 자바스크립트의 변수는 타입이 정해져 있지 않으며, 같은 변수에 다른 타입의 값을 다시 대입할 수도 있습니다. 이렇게 한 변수에 다른 타입의 값을 여러 번 대입할 ..

안녕하세요 이 글은 TCP school.com의 글을 기반으로 정리한 글입니다. 자바스크립트에서 사용할 수 있는 출력 방법은 다음과 같습니다. 1. window.alert() 메소드 2. HTML DOM 요소를 이용한 innerHTML 프로퍼티 3. document.write() 메소드 4. console.log() 메소드 1. window.alert() 메소드 자바스크립트에서 가장 간단하게 데이터를 출력할 수 있는 방법입니다. 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달해 줍니다. 2. HTML DOM 요소를 이용한 innerHTML 프로퍼티 실제 자바스크립트에서 가장 많이 사용되는 방법입니다. 우선 document 객체의 getElementByID()나 getElementsByTag..

안녕하세요 이 글은 TCP school.com의 글을 기반으로 정리한 글입니다. 자바스크립트의 기본 문법에 대해서 알아보겠습니다. 식별자(identifier) 식별자는 변수나 함수의 이름을 작성할 때 사용하는 이름을 의미합니다. 자바스크립트에서 식별자는 영문자(대소문자), 숫자, 언더스코어(_) 또는 달러($)만을 사용할 수 있습니다. 식별자 작성 방식 1. Camel Case 방식 Camel Case 방식이란 식별자가 여러 단어로 이루어질 경우에 첫 번째 단어는 모두 소문자로 작성하고, 그다음 단어부터는 첫 문자만 대문자로 작성하는 방식입니다. 2. Underscore Case 방식 Underscore Case 방식은 식별자를 이루는 단어들을 소문자로만 작성하고, 그 단어들은 언더스코어(_)로 연결하는..