목록2024/09 (6)
코딩하는 김딸기
function printResult(array) {//✨array를 매개변수로 전달받음 let resultArray = '' //❔문제1) 함수내에서 선언해야하는 이유 array.forEach(( value,index) => { //✨전달받은 결과 배열의 각 요소(인덱스, 값) //❔문제2)value,index 순서 //array.forEach((index.value)=>{}) //resultArray에 각 배열의 요소마다 입력받는 array값 추가하기 resultArray += `${value}`//✨최종출력배열에 li형식으로 할당 }) resultNode.innerHTML=resultArray=//❔문제3)resultNode.innerHTML(res..

body> english word input type="text" id="word"> button id="addBtn" onclick="add()">addbutton> br> button id="mapBtn" onclick="map()">mapbutton> button id="filterBtn" onclick="filter()">filterbutton> button id ="sortBtn" onclick="sort()">sortbutton> br> ul id="result">ul> script src="main.js">script>body> 변수 설정"use strict"let inputNode=document.getElementById('word')..
body> div id="login-form"> input value="33" type="text" placeholder="name?"> button>log inbutton> div> script src="app.js">script> body>1) HTML 코드 작성하기1. 사용자가 이름을 작성할 수 있도록 input 태그를 작성한다.안에 텍스트를 넣을 거니까, type="text"해주고, 안에 미리 작성할 말은 placeholder 안에 써주기2. 그리고 Log In 버튼을 만든다.3. div태그로 위의 것들 묶어주고, id="login-form"을 해준다.->둘을 묶은 다음, 저 id를 통해서 자바스크립트에서 내가 원하는 태그들을 쉽게 찾기 위해서 묶어주는 것 2)in..
자바스크립트에서의 HTML document.getElementById(“title”)-> html에 있는 id를 불러올 수 있다.js에서는 html이 표현하는 object를 보여준다title.innerText = “got you”처럼 js에서 HTML의 정보를 바꿀 수 있다-> id를 추가했기에 가능.모든 것들을 html에서 항목들을 가지고와서 js에서 변경한다 console.dir(“title”);js에서는 html이 표현하는 object를 보여준다정리브라우저에서 제공하는 객체(object) 중 document라는 객체는JS에서 HTML파일을 불러올 수 있도록 도와준다.document라는 객체 안에 getElementById 라는 함수가 있는데 이 함수는 해당 HTML의 고유 ID를 추적하여 해당..
변수만들때 let, const, var차이 let 재선언 금지, 재할당 가능const 재선언 금지, 재할당 금지var 재선언 가능, 재할당 가능let a = b;let a = c;//재선언 금지let a = b;a = c;//재할당은 가능const a = b;const a = c;//재선언 금지const a = b;a = c;//재할당 금지var a = b;var a = c;a = d;//재선언, 재할당 가능Booleans/ null과 undefined의 차이data type 에는 숫자 , 문자 말고도boolean 값으로 true,false가 있다.또 다른 값으로는 null, undefined가 있다.1. null: 컴퓨터에 값이 없음을 의도적으로 알리기 위해..
software language는 어플리케이션을 만들기 위한 도구이다->굴극적 목표는 웹 어플리게이현을 만드는 것프론트엔드 웹 어플리케이션 개뱔을 위한 자바스크립트를 이해하자 기초문법과 객체지향 webAPI를 배우는 것이 목적이다 html/css(정적컨텐츠 생성) vs JS(동적 컨텐츠 생성)html/css는 문서작성 규칙을 학습하는 것으로 웹화면의 레이아웃을 위한 문서를 구성하고 꾸미기 위한 기술,JS는 소프트웨어 언어를 학습하는 것이다 -동적 컨텐츠를 만들 수 있어야 소프트웨어 언어라 할 수 있다-변수가 있어야 하며 변수의 값을 변경하면서 동적인 컨텐츠가 나오게 해야 한다\->따라서 동적인 컨텐츠를 만들수 있는 자바스크립트는 소프트웨어 언어이며 html.css는 소프트웨어 언어가 아니다 소프트웨어 ..