바닐라코딩 사전학습45 절대경로와 상대경로 경로를 지정할 수 있는 방법은 절대경로, 상대경로 방법이 있다. 둘 모두 코드를 작성하는데 자주 쓰이므로 모두 익혀두자. 절대경로 특정 웹페이지나 파일이 가진 고유한 경로(주소) c:\file\img.jpg, e:\Diablo2\launcher.exe 등 파일경로와 파일이름을 정확히 알고있으면 바로 실행가능 www.google.com도 도 절대경로이다. 상대경로 '현재 위치한 곳을 기준' 으로 서술하는 경로 - Web을 기준으로 한다면 html파일이 위치한 폴더를 기준으로 한 경로 예를 들어 C:\users\documents\bono라는 폴더 밑에 A폴더와 B폴더가 있고 현재 나는 B폴더에서 작업을 하고 있다고 가정하자. A폴더 안에 index.php파일을 가져오기 위해서는 B폴더를 기준으로 계산을 한다.. 2022. 1. 8. no such file or directory 에러 VS code로 작업을 하다 no such file or directory 에러가 발생하였다. const fs = require('fs'); let input = fs.readFileSync('./input.txt', 'utf8'); console.log(input); 이 에러가 발생한 시점은 아래의 이미지에서 BOJ탐색기에 inoutExample 폴더를 생성하고 BOJ탐색기에 직접 존재하던 input.js와 input.txt파일을 inoutExample폴더에 옮기면서 발생하였다. 분명 같은 폴더에 있음에도 오류가 발생하였다. 구글링을 해본 결과 작업영역을 추가/변경 (import os, os.getcwd) - typescript 필요 오타수정 크게 두가지의 방법이 나와있었다. 그러나 내가 발생한 에러의.. 2022. 1. 6. 백준 알고리즘에서 자바스크립트로 문제풀기 바닐라코딩 사전학습과정을 마치고 알고리즘 공부를 해보려고 구글링을 통해 어디가 좋을 지 찾아보았다. 대표적으로 프로그래머스, 백준 BOJ, Leetcode(외국사이트)가 있는데 이 중에 문제가 가장 많고 난이도별로 선택할 수 있는 백준 알고리즘으로 시작하기로 하였다. 그러나 처음부터 난관에 부딪혔는데, 백준 알고리즘은 Node.js를 이용한 입출력을 입력받아서 문제를 풀어야 한다. 제시해주는 입력을 핵심코드만 작성해서 출력을 내는것이 아닌, 입력을 정제(파싱, parsing) 시켜주는 코드를 작성한 후 이 코드의 출력을 입력으로 하는 핵심코드를 작성해야 한다. C++은 white space(' ', \n, \t)를 기준으로 하나씩 입력을 받는 'cin' 키워드를 통해 입력받을 수 있고, 코드작성시에는 조.. 2022. 1. 6. JavaScript 와 Node.js Javascript는 웹 브라우저(크롬, 파이어폭스, 사파리, 익스플로러)가 있어야만 동작하는 언어이다. 구글이 JS를 발전시키면서 JS와 HTML만을 이용해서 Gmail을 만들었고 이후에 크롬, JS V8엔진등을 만들었다. Node.js는 JS기반으로 만들어진 사이드언어이다. JS의 웹이 있어야만 동작이 가능한 단점을 보완해서 터미널 프로그램(원도우 cmd, mac terminal 등)에서도 node를 입력하여 JS를 사용가능하도록 만들었다. 여기서 중요한 것은 Node.js를 통해 서버를 만들 수 있다는 점에서 차별점이 있다. 이전까지는 server-clint 웹사이트를 만들 때 웹에 표시된 부분은 JavaScript를, 서버는 루비나 자바 등을 이용해야만 했는데, 마침내 한가지 언어(JS)로 전체 .. 2021. 12. 31. window.onload() JS는 코드를 순차적으로 읽어 들이는 프로그래밍 본연의 작동 방식과, 실행 이전에 여러 체크를 하지 않고 실행을 하는 인터프리터 언어적 특성으로 인해 작성 위치에 따라 에러를 발생시키기도 한다. hi 하지만 가독성이 떨어지므로 사용하는게 window.onload이다. window.onload 사용방법 hi 위의 코드와 같이 window.onload 함수를 오버라이딩(재정의)해주면 onload함수 내의 코드 스크립트는 웹브라우저 내의 모든 요소가 준비가 되어야만 실행이 되도록 할 수 있다. (웹브라우저 자체를 담당하는 window라는 객체가 웹 문서를 불러올 때, 문서가 사용되는 시점에 실행되는 onload라는 함수를 다시 재정의 한다는 개념이다.) window.onload와 페이지의 모든요소들이 로드되어.. 2021. 12. 30. Calendar ** 자세한 코드는 GitHub kkomabono/vanilla_practice: Practice for vanilla_prep. (github.com) 에 업로드 아이디어 오늘의 요일, 날짜, 월, 연도 표기 - Date()메서드를 이용해서 현재시간을 받아온 후 textContent로 할당, 요일과 월은 해당 요일과 월이 숫자로 나오므로 함수를 작성해서 숫자로 나올 수 있도록 변환해서 출력하였다. 일~토 요일 라벨링 표기 - 태그를 새로 만들고 부모요소에 추가시켜준다. 이를 for문으로 반복 현재 월의 1일 판단 - 달력은 7일을 한 행으로 만드는 점에 착안해서 오늘 날짜를 받아서 7로 나눈 값과 오늘의 요일을 비교해서 1일을 판단했다. -> 그러나 이후에 좀 더 쉬운 방법을 찾아내어 작성한 코드는 더.. 2021. 12. 28. 이전 1 2 3 4 ··· 8 다음
