인생은 회전목마 우린 매일 달려가

언제쯤 끝날진 잘 몰라

javascript 16

[모던 JavaScript] 코어 자바스크립트 - 자바스크립트 기본 - 5. 자료형

js에서 값은 문자열이나 숫자형 같은 특정한 자료형에 속한다. 자바스크립트에는 여덟 가지의 기본 자료형이 있다. 자바스크립트의 변수는 자료형에 관계없이 모든 데이터일 수 있다. 변수는 어떤 순간엔 문자열, 어떤 순간엔 숫자가 될 수도 있다. // no error let message = "hello"; message = 123456; 이처럼 자료의 타입은 있지만 변수에 저장되는 값은 언제든 바뀔 수 있는 언어를 ‘동적 타입(dynamically typed)’ 언어라고 부른다. 1. 숫자형 let n = 123; n = 12.345; - 숫자형(number type) 정수 및 부동소수점 숫자(floating point number)를 나타낸다. - 곱셉 * , 나눗셈 / , 덧셈 + , 뺄셈 - 등 다양한..

Study/JavaScript 2023.03.08

[모던 JavaScript] 코어 자바스크립트 - 소개 - 3. 코드 에디터

코드 에디터는 크게 통합 개발 환경(IDE)과 경량 에디터로 나뉜다. 통합 개발 환경 - Integrated Development Environment, IDE - 프로젝트 전체를 관장하는 다양한 기능 제공 - 단순 에디터가 아닌 개발 환경을 쾌적하게 해주는 통합 환경 제공 - 파일 간 탐색 수월, 전체 프로젝트 기반 자동 완성 기능 - 버전 관리 시스템(git), 테스팅 환경 등 프로젝트 수준의 작업도 가능 추천 IDE Visual Studio Code (크로스 플랫폼, 무료) WebStorm (크로스 플랫폼, 유료) 경량 에디터 - 많은 기능을 제공하진 않지만 속도가 바르고 단순 - 파일을 열고 바로 수정할 때 주로 사용 - 다양한 플러그인 지원 - 디렉터리 레벨 문법 분석기나 자동 완성 기능 등을 ..

Study/JavaScript 2022.10.21

[백준] 9012번 괄호 - Node.js/javascript

https://www.acmicpc.net/problem/9012 9012번: 괄호 괄호 문자열(Parenthesis String, PS)은 두 개의 괄호 기호인 ‘(’ 와 ‘)’ 만으로 구성되어 있는 문자열이다. 그 중에서 괄호의 모양이 바르게 구성된 문자열을 올바른 괄호 문자열(Valid PS, VPS)이라고 www.acmicpc.net 시간 제한 메모리 제한 제출 정답 맞힌 사람 정답 비율 1 초 128 MB 135478 62090 44888 44.731% 문제 괄호 문자열(Parenthesis String, PS)은 두 개의 괄호 기호인 ‘(’ 와 ‘)’ 만으로 구성되어 있는 문자열이다. 그 중에서 괄호의 모양이 바르게 구성된 문자열을 올바른 괄호 문자열(Valid PS, VPS)이라고 부른다. ..

Study/Algorithm 2022.09.23

[JavaScript 알고리즘] 가위 바위 보

A, B 두 사람이 가위바위보 게임을 합니다. 총 N번의 게임을 하여 A가 이기면 A를 출력하고, B가 이기면 B를 출력합니다. 비길 경우에는 D를 출력합니다. 가위, 바위, 보의 정보는 1:가위, 2:바위, 3:보로 정하겠습니다. 예를 들어 N=5이면 회수 1 2 3 4 5 A의 정보 2 3 3 1 3 B의 정보 1 1 2 2 3 승자 A B A B D 두 사람의 각 회의 가위, 바위, 보 정보가 주어지면 각 회를 누가 이겼는지 출력하는 프로그램 을 작성하세요. ▣ 입력설명 첫 번째 줄에 게임 횟수인 자연수 N(1

Study/Algorithm 2022.07.12

[프로그래머스] 크레인 인형뽑기 게임 - Javascript

문제 설명 게임개발자인 "죠르디"는 크레인 인형뽑기 기계를 모바일 게임으로 만들려고 합니다. "죠르디"는 게임의 재미를 높이기 위해 화면 구성과 규칙을 다음과 같이 게임 로직에 반영하려고 합니다. 게임 화면은 "1 x 1" 크기의 칸들로 이루어진 "N x N" 크기의 정사각 격자이며 위쪽에는 크레인이 있고 오른쪽에는 바구니가 있습니다. (위 그림은 "5 x 5" 크기의 예시입니다). 각 격자 칸에는 다양한 인형이 들어 있으며 인형이 없는 칸은 빈칸입니다. 모든 인형은 "1 x 1" 크기의 격자 한 칸을 차지하며 격자의 가장 아래 칸부터 차곡차곡 쌓여 있습니다. 게임 사용자는 크레인을 좌우로 움직여서 멈춘 위치에서 가장 위에 있는 인형을 집어 올릴 수 있습니다. 집어 올린 인형은 바구니에 쌓이게 되는 데,..

Study/Algorithm 2022.07.12

[프로그래머스] 숫자 문자열과 영단어 - Javascript

문제 설명 네오와 프로도가 숫자놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게임입니다. 다음은 숫자의 일부 자릿수를 영단어로 바꾸는 예시입니다. 1478 → "one4seveneight" 234567 → "23four5six7" 10203 → "1zerotwozero3" 이렇게 숫자의 일부 자릿수가 영단어로 바뀌어졌거나, 혹은 바뀌지 않고 그대로인 문자열 s가 매개변수로 주어집니다. s가 의미하는 원래 숫자를 return 하도록 solution 함수를 완성해주세요. 참고로 각 숫자에 대응되는 영단어는 다음 표와 같습니다. 숫자 영단어 0 zero 1 one 2 two 3 three 4 four 5 five 6 six 7 ..

Study/Algorithm 2022.07.12

[TIL - 노마드코더] 바닐라JS로 크롬 앱 만들기 (3)

시계 만들기 setInterval과 setTimeout 개념 Date object로 시계 구현! 시계 만들기 getClock으로 바로 실행해서 현재 시간 나타내준 다음 setInterval로 1초마다 시간 업데이트! 시간의 한 자리수가 1이 아니라 01이 나오게 고쳐보기 padStart를 쓰면 첫 번째는 지정 글자수, 두 번째는 빈칸에 채워 넣을 문자 랜덤 명언 보여주기 꼭 array로!! 안에는 object로 key와 value를 넣어줌 명언은 위로 화자는 아래로 가야되니까 각각 qeurySelector로 지정해주고 Math.random() 메서드로 무작위로 보여줄 거! Math.floor를 사용해서 내림 해줄거 이렇게 최종적으로 이렇게 쓰면 완성! quote와 author에 각각 명언과 작가 quer..

Study/JavaScript 2022.07.03

[TIL - 노마드코더] 바닐라JS로 크롬 앱 만들기 (2)

로그인 기능 구현하기 필수 입력 사항, 최대길이 등 js 파일에서 if 문으로 이렇게 만들어 줄 수도 있지만 이정도 기능은 html 자체에서도 지원하고 있음 required는 필수로 적어야 된다는 거고 maxlength='' 로 최대 길이를 설정해 놓을 수 있음 하지만 그냥 이 상태로 하면 검사가 유효하지 않음 왜냐, input은 form 안에서 검사가 유효해지기 때문에 > 지금은 div안에 있다. 이렇게 form 안에 input이 있으면 검사가 잘 된다 input type='submit' 으로 하든 태그를 쓰든 form 안에서는 무조건 submit이 되고 페이지를 새로 로딩한다 > 새로고침 된다 // 버튼의 클릭이 중요한게 아니라 form의 submit이 중요하다! submit을 할 때마다 새로고침이 ..

Study/JavaScript 2022.07.03

[TIL - 노마드코더] 바닐라JS로 크롬 앱 만들기 (1)

document - 브라우저에 이미 존재하는 object document 인터페이스는 - 브라우저가 불러온 웹 페이지를 나타내고 - 페이지 콘텐츠(DOM 트리)의 진입점 역할을 수행한다. - DOM 트리는 와 및 여러 다른 요소를 포함한다. - 페이지의 URL을 얻거나 문서에 새로운 요소를 생성하는 등의 기능을 전역적으로 제공한다. console.dir > javascript 에서 html을 읽어옴 파일에서 써도 똑같음 javascript에서 html을 읽어올 수 있고 조작할 수 있다 document로! autofocus 를 html 태그에 써주면 true로 바꿀 수 있고 javscript에서 html 태그의 class로 조작할 수 있다 innerText와 textContent 차이 뽀인튜 element..

Study/JavaScript 2022.07.03

[프로그래머스] 삼진법 뒤집기

문제 설명 자연수 n이 매개변수로 주어집니다. n을 3진법 상에서 앞뒤로 뒤집은 후, 이를 다시 10진법으로 표현한 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 n은 1 이상 100,000,000 이하인 자연수입니다. 입출력 예 n result 45 7 125 229 입출력 예 설명 입출력 예 #1 답을 도출하는 과정은 다음과 같습니다. n (10진법) n (3진법) 앞뒤 반전 (3진법) 10진법 result 45 1200 0021 7 따라서 7을 return 해야 합니다. 입출력 예 #2 답을 도출하는 과정은 다음과 같습니다. n (10진법) n (3진법) 앞뒤 반전 (3진법) 10진법 result 125 11122 22111 229 따라서 229를 return 해야 합니다...

Study/Algorithm 2022.07.01