비전공자 개발일기

Node.Js: Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임(프로그래밍 언어가 동작하는 환경) 설치(In Windows) 1) https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org LTS ver 다운로드(안정적이고 신뢰도 높음) 2) https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go...

표기법 dash-case(kebab-case) snake_case camelCase PascalCase 데이터 종류(자료형) String: 문자 데이터, 따옴표를 사용 let myName = "ABC"; let email = 'abc@abc.com'; let hello = `Hello ${myName}??`; console.log(myName); // ABC console.log(email); // abc@abc.com console.log(hello); // Hello ABC?? Number: 숫자 데이터, 정수 및 부동 소수점 숫자 let num = 123; let opacity = 1.57; console.log(num); // 123 console.log(opacity); // 1.57 Boole..

제목: 끝말잇기 목표: Javascript 와 html, css를 활용하여 끝말잇기 코드 작성 let body = document.createElement('h1'); document.body.append(body); body.textContent = '끝말잇기'; let firstWord = document.createElement('div'); firstWord.textContent = '컴퓨터'; document.body.append(firstWord); let form = document.createElement('form'); document.body.append(form); let input = document.createElement('input'); form.append(input); le..

캔버스(CANVUS) 만들기 주요 기능 저장 삭제 색상 변경 전체 덮기(Paint) / 선으로 그리기(Fill) 선 굵기 변경

MOMENTUM CLONE CODING 작업환경 VS CODE HTML, CSS, JAVASCRIPT OPENWEATHER 들어간 기능 현재 날짜, 시간 표시 (빨간색) 현재 지역, 기온, 날씨 표시 (주황색) 사용자 이름을 입력 받음 (노랑색) To-Do-List 입력, 삭제 (초록색) 랜덤 명언 (파란색) 랜덤 배경 사진 (보라색)

Interval -> setIntercal(함수명, 시간): 반복 -> setTimeout(함수명, 시간): 한 번 문자 출력 형태 길이 변경 함수 -> .padStart(max length, 추가하고 싶은 문자) .padEnd(min length, 추가하고 싶은 문자) number 타입을 string 타입으로 바꾸는 방법 String(number 데이터) new Date( ).getHours( ) => 16 String(new Date( ).getHours( ) ) => "16" string 타입을 number 타입으로 바꾸는 방법 Number(string 데이터) vs code 단축키 Ctrl + D -> 특정 문자열 N개를 한번에 수정 Math.round(1.11) -> 소수점 이하 반올림 /// ..

개요 Javascript with HTML Javascript with CSS Event localStorage Javascript with HTML console에서 document라고 입력하면, 본인이 작성한 HTML 코드가 나옴 이를 활용해, HTML의 정보 변경도 가능(새로고침을 하게 되면 변경한 기록은 다 지워짐) document = Web page HTML에 Javascript 연동시, 에 삽입 getElementById(" ") = querySelector("# ") const a = document.getElementById("아이디명") const a = document.querySelector("#아이디명") querySelector( ) VS querySelectorAll( ) VS ..

작업 환경: VS code, Chrome 개요 브라우저에서 작동 확인하는 방법 데이터 타입 출력 코딩 변수 선언 배열 객체 함수 조건문 브라우저에서 Javascript 확인하는 방법 ☆ 크롬, 엣지 등 -> 검사(F12) -> console ☆ 데이터 타입 숫자(Integer, Float ...) 문자(String) Boolean(true, false) -Python의 경우 True, False -주의 "true", "false"로 사용하지 않는다.(" " or ' ' 안에 있으면 문자(String)으로 취급) Null != false -Python의 경우 None Undefined 객체(Object) 출력 방법 console.log( ) -Python의 경우 print( ) -C의 경우 printf( ..