비전공자 개발일기

let current = 1; let previous = 0; for(let i =1 ; i

1. To do MVC https://todomvc.com/ TodoMVC Helping you select an MV* framework - Todo apps for Backbone.js, Ember.js, AngularJS, Spine and many more todomvc.com 2. CSS Diner https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io 3.Flexbox Froggy https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com..

정규표현식(RegExp) 정규식, Regular Expression 역할 문자 검색(search) 문자 대체(replace) 문자 추출(extract) 테스트 사이트 https://regexr.com/ 정규식 생성 // 생성자 new RegExp('표현', '옵션') new RegExp('[a-z]', 'gi') // 리터럴 /표현/옵션 /[a-z]/gi 예제 문자 const str = ` 010-1234-5678 the@google.com https://www.omdbapi.com/?apikey=7035c60c&s=frozen The quick brown fox jumps over the lazy dog. aabbccdddd ` 메소드 메소드 문법 설명 test 정규식.test(문자열) 일치 여부(Bo..

관련 내용 참고 https://developer.mozilla.org/ko/docs/Web/JavaScript JavaScript | MDN JavaScript (JS)는 경량, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.js, Apache CouchDB, Adobe Acrobat처럼 많 developer.mozilla.org Javascript data type: String(' ', " ", ` `), Number, Boolean(True, False), undefined, null, Array([ ]), Object( { }) 1. String const result = 'Hello wor..

1. 산술 연산자 console.log(1 + 2)// 덧셈 console.log(5 - 7) // 뺄셈 console.log(3 * 4)// 곱샘 console.log(10 / 2) // 나눗셈(몫) console.log(7 % 5) // 나눗셈(나머지) 2. 할당 연산자 let a = 2 a += 1 // a = a + 1 a -= 1 // a = a - 1 a *= 1 // a = a * 1 a /= a // a = a / 1 a %= 1 // a = a % 1 console.log(a) 3. 비교 연산자 const a = 1 const b = 3 console.log(a === b) // 일치 연산자 console.log(a !== b) // 불일치 연산자 console.log(a < b) con..

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 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 ..