컴퓨터를 공부하고자 마음먹은지 N일차

function scope 와 block scope 앞서 블로그에서 let과 var의 차이부터 먼저 포스팅 한 적이 있다. 단순히 앞선 궁금증에 조사 한것이었는데 그게 뒤에 배울 scope와 연관될 줄은 몰랐다. 하지만 두 스코프의 차이는 사전적 정의보단, 전에 올린 포스팅을 통해 아주 쉽게 예시를 들 수 있다. var follow function scope var 는 function scope 를 따른다. 아래 예제 코드를 살펴보자. 12345678function letIsFree(){ let 도비 = '자유가 아니다' if (true) { let 도비 = '자유다' console.log(도비); } console.log(도비);}cs 위 코드를 보면 도비는 자유라고 나온다. 이 전 포스팅에선 하위 블..

[56일차]javascript 문제 풀 때 활용했던 배열 메소드(array method) 배열인지 아닌지 확인하기 Array.isArray(여기 들어갈게 배열) 123let arr = [1, 2, 3, 4]Array.isArray(arr)//truecs 반환 값 타입 boolean 예제 결과 나눌문자를 기준으로 나누기 문자열.split('나눌기준')123456let str = 'codestates is so hard'str.split(' ')//(4) ["codestates", "is", "so", "hard"] 'banana,apple,kiwi,watermelon'.split(',')//["banana", "apple", "kiwi", "watermelon"]cs 반환 값 타입 arr..

[53일차](HTML/css로 피아노 만들기) 1편 피아노 모양 만들기 우선 전 편을 토대로 페이지를 불러오면이런 페이지가 나온다. 각각 검은건반 블록은 한그룹태그로 따로 묶여져있다 . 하나하나 피아노 건반 모양을 내야하기 때문에 건반하나의 높이와 크기를 딱 정했다가로 30px 세로 250px인데 검은 건반의 크기와 검은건반 사이에 들어가는 블럭의 크기도 고려해야 하기 때문에가로 사이즈는 하나하나 정해줄 수 밖에 없었다. display: grid; 그리드모델에 대해서는 다른곳에 보면 설명이 많다.기존 박스모델과 다른점은 https://ko.mort-sure.com/blog/flexbox-vs-css-grid-a-comparative-analysis-175c07/ 나는 건반을이렇게 만들기위해 그리드를 사용..

[52일차](HTML/css로 피아노 만들기) -0편 피아노 건반 설계하기 왜 하필? 뭔 뻘짓인가 싶겠지만,글쎄 오늘 HTML이랑 CSS배우는데 이거 배운걸로 스프린트과제 전에 뭘해볼까 해서 강의보다가container박스랑 inner박스 설명하는 부분에서 와 ! 피아노 만들어봐야지! 했다근데 결국 inner container 활용도 못했다.내창의력은 여기까지 아 ㅋㅋ 설계하기 건반 하나하나마다 박스를 만들고 그 박스에 사운드를 링크하면 또로롱~~! 피아노가 나오겠지 !하고 생각했다 ㅋㅋㅋㅋ ㅋ 첫 문제 봉착 첫실험은 이거였다이너박스와 컨테이너가 정상적으로 켜지는가?안켜지더라 , 이 문제에 봉착했을 때 도무지 어떻게 검색해야될지 모르겠고 정규시간중이었는데 헬프데스크 올리면 다른사람들 열심히 하는데 뻘짓한다..

while while의 기본구조 1 2 3 while(if처럼 조건문){ //반복할문자 } cs 알아보기 쉽게 if처럼 조건이 괄호안에들어간다. 예로를 들면 while(true)가되면 무한히 반복한다. 1 2 3 while(true){ console.log('hi') // 출력 hihihihihihihihi...... } Colored by Color Scripter cs 안에 1이 들어가도 마찬가지다. 즉 안에 유효값이 1이라면 반복문이 실행된다. 이걸통해 다양하게 활용이 가능하다. 원한다면 1을넣어 무한루프를 타게할 수 있고, 각종 논리연산식을 넣어서 활용할 수 있다. 1 2 3 4 5 let i = 0; while(i >= 0 && i number){ break; } console.log(i) i+..

4분면 구하기 fs모듈로하면 오류나는 문제입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 const readline = require("readline"); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input = []; rl.on('line', function (line) { input.push(line); }).on('close', function () { let x = Number(input[0]); let y = Number(input[1]); //..

boj사이트에선 prompt로 javascript문을 입력받을 수 없다. 그래서 특정 모듈을 사용해야 하는데 인터넷 서핑을 하면서 긁어모아왔다. 언제 내가봐도 알아차릴수 있게 긁었다. 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899/* 출처 :https://gimgongta.tistory.com/20 */ //한줄짜리 입력일 경우 (예 "사과") // 문자로 입력받은것 정수나 숫자로 입력받기 preseInt(),Num..

오늘은 문자열에 대해서 배웠는데 외워두면 편하겠다 하는것들을 모아봤다. str[index] index 는 주소 인데 해당 번지수에 있는 문자를 찾아준다고 생각하면 편하다. 배열과 연관있는 부분이다. 예를들어 I L o v e Y o u 0 1 2 3 4 5 6 7 8 9 공백도 포함해서 각 주소에 담아둔다. 이 메소드는 오직 읽는게 목표지 수정할 수는 없다 str.length 공백을포함한 문자열의 문자수를 나타낸다. str.indexOf(searchValue) searchValue에 찾고자하는 문자열 을 넣으면 처음으로 일치하는 index를 찾아주고 찾는문자열이 없다면 -1이 나온다 str.split(seperator) seperator에 나눌 기준을 넣는다 예를들면 공백 ' ' str.substring..