Nuey.log

index.html: 프로젝트의 시작페이지  위치는 프로젝트 내 src-main폴더-webapp폴더 안에 넣어둡니다.프로젝트를 시작하면 index.html에서부터 시작합니다. 개발자 도구로 열면 보이는 css, html, script는 모두 webapp폴더에 모아둡니다.데이터를 다루는 숨겨진 코드 java코드는 따로 모아 둡니다.  기본 구조     : 웹브라우저에 HTML5 문서라는 것을 알려줍니다. : 문서의 루트 요소로, 언어를 한국어로 설정합니다. : 메타데이터와 문서 제목 등을 모아놓은 곳입니다.  : 문서의 문자 인코딩을 UTF-8(표준)로 설정합니다.: 문서의 제목을 설정합니다. 브라우저 탭에 표시됩니다.: 우리가 보는 화면의 내용은 모두 여기에 들어갑니다. : 주로 메뉴란이 들어갑니다..

HyperText Markup Language:온라인 상의 문서(page)를 만들기 위한 구조화 된 언어   Client가 Server에 요청(request : 인터넷주소www.naver.com 입력)하면HTTP(통신 규약)에 의해HTML 문서를, 정해진 모양으로 응답(response) 한다. ※Client가 보는 화면(view)은 서버가 보내준 모양대로 나타나게 된다.   💡태그안에 들어가는 단어들을 태그라고 부른다.  example) 은 html태그라고 부른다.  은 html태그 시작을 선언하는 것이고은 hml의 종료를 선언한다.이 html태그 안에 여러가지 태그를 넣어서 페이지를 만든다.

JS에서 null이나 undefined는 false로 평가됩니다. 따라서 논리연산자 || 와 && 이용해서 초기화를 할 수 있습니다. || const nulll = null;const empty = ``;const exist = `exist`;let result;console.log(`nulll || empty : ${result = nulll || empty}`);console.log(`nulll || exist : ${result = nulll || exist}`);console.log(`empty || exist : ${result = empty || exist}`);console.log(`nulll || empty || exist : ${result = nulll || empty || exist}..

Promise : 약속한 내용  ※ 기본형태let promise = new Promise(function(resolve, reject){ });​ 익명함수(함수를 변수에 담은 형태) 입니다. 무슨 약속이었는 지 기억하려면 이름이 붙어야 겠죠.그래서 꼭 변수에 담아야 합니다. 아니면 약속을 해도 실행할 수 없어요.약속한 걸 실행 성공하면 resolve실패하면 reject 가 실행됩니다. Promise 구성 상태값 변화  Promise의 기본 상태값PromiseState : pendingPromiseResult : undefined성공한 경우 PromiseState : fulfilled PromiseResult에서는 resolve 에 담긴 값이 표기됩니다.실패한 경우 PromiseState : rej..

먼저 객체 Object 가 뭔 지 간단히 말해보자면기본형을 제외한 타입은 참조형인데, 참조형은 모두 Object 아래에 있다고 보시면 됩니다.그래서 조상Object가 가진 메서드들을 맘껏 사용할 수 있는 거죠.        Object.keys()와 Object.values()도 있지만,보통 key와 value 모두를 반환하는 Object.entries()함수를 사용합니다.

먼저 들어가기 전에 왜 typeof()함수로 변수 타입을 확인 하는 지 적어보자면  JS 클린코드 작성법으로== 대신 ===가 사용하길 권고되기 때문입니다  == 동등 연산자는 숫자와 문자열 상관없이 일치하는 지 확인하죠.   === 엄격한 동등 연산자는 타입이 일치하는 지도 확인합니다.→ 엄격하게 동등한 지 확인하기 전에 타입을 확인해야 원하는 로직을 구현할 수 있습니다.  사용법typeof(변수명)

setTimeout(functionRef, delay)setTimeout(실행할 함수, 시간);  : delay 시간 후에 실행.  🌟 스케줄링 함수를 사용할 땐 화살표 함수로 작성하면 특히 더 간단히 적을수있어이렇게많이사용됩니다.setTimeout(() => {console.log("1")}, 1000);setTimeout(() => {console.log("3")}, 3000);​   setInterval(functionRef, delay): 지정한 시간 간격으로 반복. 💡 setInterval()은 꼭 변수에 담아서 실행해야 합니다.(익명함수)그렇지 않으면 반복되는 함수이기때문에 무한으로 반복합니다.let interValName = setInterval(functionRef, delay);​ ?..

💡 let과 const를 사용되길 권고되고 있지만 아직은 var를 사용하시는 분들이 압도적으로 많습니다.하지만 JS코드가 길수록, var는 너무나 자유로운 변수타입이기에 코드를 통제하기 쉽지 않습니다.그럼 왜 그런지 세가지 변수타입의 차이를 알아보겠습니다.  시작 전에 선언과 초기화의 차이는var declare;변수명; 하는 것을 선언이라 합니다. declare = "초기화";변수 선언시 값을 대입하는 것을 초기화라고 합니다. var declare = "선언과 초기화를 동시에";보통 이렇게 선언과 초기화를 동시에 해줍니다.이유는  초기화 되지 않은 변수는사용시 오류가 나기 때문입니다   var변수명 중복⭕문제는 변수가 중복된 지 모르면 값이 바뀌어버린다는 겁니다. let 변수명 중복 ❌중복시 오류 발생..

Java와 달리 변수 타입을 지정하지 않습니다.  처음에 타입을 지정하면 그게 변수의 타입이 됩니다.var는 가장 많이 사용되는 변수 선언명입니다.JS에서는 var를 붙이면 변수가 됩니다.(현재는 var 대신 let, const를 사용하는 추세)  타입을 변환하고 싶다면 number 타입에 ""를 붙여주거나string타입을 Number() 로 감싸는 식으로 변환할 수 있습니다.

처음 개발을 배우며 저를 포함한 모두가 혼란스러워한 부분이어서 적어봅니다. 저를 가르친 강사님께서 그냥 인기있는 언어인 Java를 이름에 가져온 거라고 하셨었습니다. 자세한 내용은 https://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8#cite_note-10 자바스크립트 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 자바스크립트JavaScript패러다임프로그래밍 패러다임: 스크립트 언어, 객체 지향 프로그래밍 (프로토타입 기반 프로그래밍), 명령형 프로그래밍, 함수형 프로그 ko.wikipedia.org 위키백과를 보면 두 언어 모두 C언어에 기반을 두기에 구문이 비슷해서 JavaScr..