본문 바로가기

분류 전체보기48

크롬 개발자도구로 디버깅하기 디버깅은 개발자에게 코드의 흐름에 따라 변하는 변수나 값을 쉽게 알게해주는 강력한 개발도구이다. 1. 크롬 개발자도구 실행(F12) 2. 개발자도구 탭에서 소스탭 클릭 후에 디버깅을 원하는 파일에 가서 중단지점을 설정한다. 중단지점은 해당 line의 번호를 클릭하면 지정된다. 3. 코드를 실행하고 중단점을 만나게되면 아래와 같은 화면이 나오게 된다. 코드 수행중에 중단점을 만난 화면이므로, 원하는 변수의 값을 마우스오버하여 확인하자. 이후 확인이 끝났으면 다음 스텝에 가기 위해 재생버튼을 누르면 중단점에서 다시 멈춘다. 다시 확인한다. 2021. 12. 24.
Callback함수 이 글은 jason9319님의 티스토리를 참고하여 작성하였습니다. [JavaScript] 콜백(Callback)함수와 비동기 처리 (tistory.com) [JavaScript] 콜백(Callback)함수와 비동기 처리 (tistory.com) [JavaScript] 콜백(Callback)함수와 비동기 처리 자바스크립트에서 콜백 함수는 매우 중요한 개념이다. 콜백함수란? 콜백함수는 함수 내부에서 매개변수로 전달되어 특정 시점에 호출되는 함수를 말한다. 다음은 콜백함수의 예제이다. 간단하 jason9319.tistory.com Array를 공부하다 forEach메서드는 콜백함수를 사용한 메서드라는 것을 알게되었다. 그렇다면 콜백함수는 무엇일까? 콜백함수 파라미터로 함수를 전달받아서 함수의 내부에서 실행하는.. 2021. 12. 24.
김서방 찾기 / 가운데글자 가져오기 / 수박수박수박수 1. 김서방 찾기 function findKim(seoul){ var answer = seoul.indexOf('Kim'); return "김서방은 " + answer + "에 있다"; } 배열의 인덱스를 찾아서 출력하는 것이므로 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array 에서indexOf를 찾아서 사용하였다. 처음에는 위와같이 return 값에 문자열 + answer + 문자열을 return에 직접 입력하는 방식으로 풀이하였다. function solution(seoul) { var answer = `김서방은 ${seoul.indexOf("Kim")}에 있다`; return answer; } C언.. 2021. 12. 24.
Function / Arrays / Object 이 글은 var, let, const 차이점 (velog.io) bathingape님의 글을 참고해서 작성하였습니다 Function (함수) **변수 선언시에 var, let, const의 차이 1. 선언 시 차이 var : 같은 이름의 변수를 선언해도 에러를 출력시키지 않고 덮어씌운다. -> 이를 보완하기 위해 나온것이 let과 const let : 같은 이름의 변수를 선언하면 이미 선언된 변수명이라고 에러메세지를 출력시켜준다. 변수에 다른 값을 입력시키기 가능(재할당 가능) const : let과 같이 같은 이름의 변수를 선언하면 에러메세지 출력. 재할당도 불가능. var name = 'bathingape' console.log(name) // bathingape var name = 'javascri.. 2021. 12. 24.
주석 1. 주석은 나쁜 코드를 보완하지 못한다. - 코드에 쓸데없는 주석을 붙이는 것은 자신의 코드에 자신이 없기 때문이다. - 주석을 어떻게 쓸까 고민 할 시간에 더 깔끔한 코드를 작성하도록 노력하자 2. 우리는 프로그래머이다. 코드로 의도를 전달하자 3. 좋은 주석이란? - 법적인 주석 : 저작권이나 소유권 정보 - 정보를 제공하는 주석 - 결과를 경고하는 주석 - TODO주석 : 앞으로 해야할 일을 적어놓는 주석. 그러나 나쁜 코드를 남기는 핑계가 되어서는 안된다. 또한 TODO주석은 너무 많아지면 안된다. 주기적으로 업데이트해서 깔끔하게 정리하자. 4. 나쁜 주석이란? - 특별한 이유없이 의무감으로 다는 주석 - 같은 이야기를 반복하는 주석 - 이력을 기록하는 주석 : 이제는 깃허브라는 신이 있으므로 .. 2021. 12. 24.
Exercise - FizzBuzz/Biggest Number/Word position 1. FizzBuzz 아이디어 1) 1~100까지 출력은 for문으로 작성 2) 3의 배수와 5의 배수에서 출력되는 문자는 for문 안에 if문을 사용해서 작성. 조건식은 3과 5로 나누어서 나머지가 0이 되면 true가 되도록. 3) 3과 5의 공배수는 3의 배수 if문에서 중첩 if문을 사용해서 5로도 나누어지는 수가 나오면 fizzbuzz가 출력되도록 작성. 결과 : 1 2 fizz 3 4 buzz 5 ... 와 같이 3과 5의 배수에서 fizz buzz를 출력하는 결과가 나와서 if문 안에 continue를 작성했더니 정상작동하였다. 2. Biggest Number 아이디어 1) a와b를 비교해서 이 중 큰 수를 c와 다시 비교해서 마지막으로 가장 큰 수를 찾아낸다. 2) 첫번째 if문은 a와 b.. 2021. 12. 24.

티스토리툴바