코딩응애의 개발블로그

문자열을 뒤집어서 리턴하는 문제인데 처음보는 메소드들은 아니지만 정확한 개념을 몰랐어서 정리함 return str.split('').reverse().join(''); split() 여기서 문자열 str을 split('') 해주면 배열로 저장을 하는데 let str = 'hello'; let result = str.split(''); console.log(result); // [ 'h', 'e', 'l', 'l', 'o' ] 출력 이런식으로 하나하나 배열로 저장이 되는것을 확인할 수 있다. 그래서 따로 배열로 바꾸거나 할 필요가 없고 문제 조건이 문자열로 리턴하는 것이니까 이때 사용하는것이 바로... join() join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다. join()메서드..

3.2 객체와 반복문 console.group() & console.groupEnd() 웹 콘솔 로그에 새로운 인라인 그룹을 만듭니다. 이는 console.groupEnd()가 호출될 때까지 모든 다음 출력을 추가 수준으로 들여씁니다. 그냥 이런게 있구나 알아만 두기 4.2 객체 만들어 보기 객체란 서로 연관된 변수와 함수를 그룹핑 하고 이름을 붙인것이고 정리정돈을 할 수 있다. 5. this 프로그래밍에서 자기 자신을 가리키는 표현이 있는데 그게 바로 this 이다. let kim = { name:'kim', first:10, second:20, sum:function(f,s){ return f+s; } } console.log("kim.sum(kim.first, kim.second)", kim.sum..

#6.0 Quotes Math.random() -> 0 이상 1 미만의 구간에서 근사적으로 균일한(approximately uniform) 부동소숫점 의사난수를 반환한다. 여기에 곱하기 10을 해주면 0 이상 10 미만의 랜덤한 숫자가 나온다. 근데 숫자가 너무 난잡해서 보통 정수로 얻고 싶다면 Math.floor() : 소수점 이하를 버림한다. Math.ceil() : 소수점 이하를 올림한다. Math.round() : 소수점 이하를 반올림한다. 이러한 것들을 사용한다. 근데 예를 들어서 const animal = ["dog","cat","rabbit"] const animal = quotes[Math.floor(Math.random() * 3)]; 이런식으로 해도 좋지만 배열에 개수가 늘어나거나 줄어..

#5.0 Intervals intervals -> 매번 일어나야 하는 무언가를 뜻한다. 예를 들면 매초마다 무엇을 한다라는 말중 매초가 intervals를 뜻한다고 하는데 그 매 시간마다 함수를 실행하게 해주는 것이 바로 setInterval()이다. setInterval()은 2개의 인자를 받는데 첫번째는 실행하고자 하는 function 두번째는 호출되는 function의 시간간격을 몇ms로 할지 쓰면 된다. function sayHello() { console.log("hello"); } setInterval(sayHello, 5000); // 5000은 5000ms 즉 5초를 뜻한다. 5초마다 hello를 출력을 한다. #5.1 Timeouts and Dates setTimeout() -> func..

#3.0 The Document Object HTML의 element 들은 JS를 통해 변경하고 읽을 수 있다. document -> HTML을 가리키는 객체이다. document가 JS 관점으로 HTML을 보여준다. 모든것들은 document로부터 시작한다. 왜나면 우리의 웹사이트를 의미하기 때문이다. #3.1 HTML in Javascript HTML에 항목들을 가지고 와서 JS를 통해 항목들을 변경할 수 있다. document.getElementById() -> 괄호안에 id를 적으면 예를 들어서 html에 id가 title인 element가 있다고 가정하고 document.getElementById("title") 이렇게 적으면 id로 element를 가져올 수 있는것이다. const test =..

#2.11 Returns ~ #2.12 Recap 함수 return return을 함으로써 function을 호출하는 코드가 return의 결과 값이 된다. 아래 코드를 보면서 설명하자면 const calc = { plus : function (a,b) { return a+b; } }; const plusResult = calc.plus(6,7); // 이 부분이 function을 호출하는 코드 즉 return의 결과값인 13이 된다. console.log(plusResult); 함수 내부에서 console.log를 사용할때와는 다른게 return을 이용하면 함수 외부에서 값을 얻은 뒤에 그 값으로 더 다양하게 활용을 할 수 있다. 그리고 한번 return 하면 function은 결과값을 return하고..

#2.5 Arrays 배열 대괄호를 쓰고 대괄호 안에 항목들은 콤마로 구분해 준다. 값을 리스트로 정리하는 것이다. const non = [1, 2, "hello", true, null, undefined]; 그리고 괄호안에는 모든 타입에 데이터들을 넣어도 된다. 그리고 배열 안의 데이터의 접근하고 싶다면 변수 이름적고 대괄호 안에 접근하고자 하는 변수가 몇번째인지 써주면 된다. 단 0부터 시작 한다는 것을 잊지말기. console.log(non[1]); // 2를 출력한다 배열 끝에 아이템을 추가 할려면 push() 함수를 이용하면 된다. non.push("sun"); console.log(non); // [ 1, 2, 'hello', true, null, undefined, 'sun' ] 출력이 된다..

자바스크립트 실력을 늘리기 위해서는 무엇을 해야 할까요? 에 대한 많은 설명들이 있지만 하나의 공통점이 있었는데 바로 프로젝트를 간단한거라도 좋으니 만들어 보라는 말이었다. 나도 이 말을 수도 없이 많이 들었었지만 대체 그래서 뭘 만들라는 건지 검색해보면 다 똑같은 소리만 하고 끌리는 게 없어서 고민하던 와중에 무료강의 노 마드 코더 바닐라 JS로 크롬 앱 만들기라는 강의를 알게 돼서 강의 들으면서 몰랐던 점 새롭게 알게 된 점들을 정리할 것이다. 프로젝트를 뭘 만들어야 할까는 아직까지 고민되지만 강의 보고 나면 뭔가 얻게되는게 있지 않을까? 터미널(나는 git bash를 사용하고 있다)에서 mkdir 명령어로 폴더를 만든 후에 code 방금만든 폴더명 을 입력하면 vscode로 바로 연결해서 새 창이 ..