키다리 개발자

한걸음 더 나아가기 위해 마찬가지로 매일 코딩 공부에 매진하였다. node.js로 나만의 웹 개발을 하며, 여러 시행착오를 겪었다. 11월에 달성한 목표 Node.js로 웹개발(ES6) Cycling 영어 회화(학원) Life Cycle Node.js로 나만의 웹 개발을 하기로 결정하였고, 컨셉을 생각을 해보다가 여행을 좋아하여 '여행' 웹을 만들어 보았다. HTML구조를 머릿속으로 미리 예측하여, createElement()로 element를 구성하였고 classList.add()로 클래스 네임을 지정하여 HTML의 기초가 정말 중요하다는 것을 다시 한번 깨닫게 되었다. 새로운 환경에서 작업을 하는 거라 코딩 후 Viewport 확인을 무한 반복하며 여러 가지 경우를 시도하며 시행착오를 많이 겪었던 경..

node.js 환경에서 Javascript를 이용하여 여행 웹을 만들어 보았습니다. 만들면서 쓰였던 코드 리뷰를 먼저 작성하고 실행 동영상은 글 마지막에 배치 하였습니다. 일단 node.js환경을 구축하여 json파일을 만듭니다. (트랜스파일러를 하기 위해 browserify를 사용하였습니다.) 터미널에서 npm run build 또는 npm run build2로 나누어서 실행시켰습니다. HTML을 만듭니다. browserify를 사용하면 bundle.js가 생성됩니다. 그래서 script 경로를 bundle.js로 해줍니다. 페이지는 main 화면과 클릭되면 들어가지는 detail page들로 나누었기때문에 build와 build2로 나눈것 입니다. require(); require("불러올 경로")로..

node.js = Javascript 개발하기 쉽게 만들어주는 환경 npm = node package manager npm init -> npm 초기화 -> 프로젝트 생성 -> node project 생성 프로젝트 = package npm install 모듈 -> 온라인 상에서 다운로드 -> require로 다운로드 한 모듈 가져오기(vs code) (기본 명령어들은 하단에 설명) Git bash로 node.js 환경 구축 index.js 와 package.json 파일 생성 (visual studio code에서 확인) git bash 기본 명령어 ls 디렉터리 목록 조회 cat 파일 내용 조회 cd .. 상위 디렉터리 이동 cd 하위 디렉토리 이동 mkdir 디렉토리 폴더 생성 mk rm -r 디렉토..

타이머 함수는 원하는 시간을 스케쥴링하여 함수를 호출하는 기능을 갖고 있습니다. 함수 내에는 호출될 함수 내 코드와 시간을 입력합니다. (1000ms = 1 second) ex) 3초 후에 호출하고 싶으면 3000을 입력하면 됩니다. setTimeout(function() { // Code here } , delay); 일정 시간 후에 함수를 단 한번 호출한다. setInterval(function() { // Code here } , delay); 일정 시간마다 반복하여 함수를 호출합니다. 단, 함수 내 사용 시 함수 내 반복 기준으로도 반복되므로 주의해야 한다. clearTimeout(); setTimeout함수를 중단 및 삭제한다. clearInterval(); setInterval 함수를 중단 및..