모든 프로그래밍 언어의 반복문 단골 예제 별 탑 쌓기! 순조롭게 진행하던 와중 문제에 봉착했다. const n = prompt("숫자를 입력하세요."); for (var p = 1; p < n+1 ; p++) { const blank = []; const star = []; for (var i = p; i < n; i++) { blank.push(" "); }; for (var j = 1; j

티스토리를 정리할 때면 종종 노래를 들으며 정리하곤 한다. 기억을 되짚으며 하기에 가사 있는 노래는 피한다. 그래서 ASMR이나 연주곡을 듣곤하는데 요즘엔 쳇 베이커의 재즈에 빠졌다. 공부하며 들을 새로운 노래를 찾는 중이라면 맛보자. https://youtu.be/keU3J0HHQ4s NPM (Node Package Manager) 나에게 npm은 익숙한 친구이다. 다만, 친하지는 않은 안면이 있는 친구와도 같다. 강의를 듣고 실습을 진행하거나, 무언가 기능일 필요해서 추가할 때면 터미널 창에 항상 npm~ 이런 식으로 사용해 왔었다. npm은 풀네임에서 알 수 있듯이 노드 패키지들을 관리하는 기능을 한다. 좀 더 와닿게 말하면 개발 시 필요한 다양한 모듈들을 다운로드할 수 있게 해주는 도구이다. np..

자바스크립트와 리액트를 사용하면서 무심코 사용했던 import와 export 뭐 대충 파일 내보내고 가져오는 의미아닌가? 얼추 맞았다. 하지만, module에 대한 정확한 이해와 기존의 script를 통해 파일을 주고받는 것과 무슨차이가 있는지 보도록 하자. 1. 모듈, 모듈시스템 애플리케이션의 기능들을 추가하다보면 당연히 규모 확장이 될 것이다. 이 경우 한 개의 파일로 통솔하기엔 어려움이 많다.파일을 여러개로 분리하게되는데 이때 이 분리된 파일을 모듈이라고한다.추가로, 이렇게 분리된 파일들을 불러올 수 있게끔 하는 것이 모듈 시스템이다. 자바스크립트 상에선 script태그를 통해 파일을 주고 받는데 이경우 전역스코프를 공유한다는 문제가 발생한다. 예시로, a.js, b.js모두 number라는 변수에..

4월 동안 열심히 들은 바닐라 js 정리 내용 + 실습 후 결과물 당시에는 티스토리 안 해서 메모장에 적어놓았는데 더 가독성 좋게 정리 + 한 곳에 내 행보 정리함으로써 통일화하는 김에 업로드한다. (결과물 미리보기) - 노트북으로 들어가길 반응형 작업 1도 안 해서 이리 깨지고 저리 깨질 확률 99% https://minkyu0424.github.io/studyWithMe/ StudyWithMe minkyu0424.github.io 1. variables console을 통해 숫자 또는 문자를 입력받거나 출력하게 된다면, 일일이 숫자를 작성하고 수정해야 한다. 너무 많은 시간과 에너지를 소모하게 된다. 따라서 변수 사용 a+b한 후 매번 a와 b값을 변경하도록 한다. ex) const a=1; / co..