20대의 자산

대충 만들어봤는데 자바스크립트 하다가 오랜만에 하닌가 너무 헷갈린다. A place to share knowledge and better understand the world By continuing you indicate that you agree to Quora’s Terms of Service and Privacy Policy. Continue with Google Continue with Facebook * { padding: 0; margin: 0; } body { background-image: url("//qsf.fs.quoracdn.net/-4-ans_frontend_assets.images.home_page_bg_desktop.png-26-4770753d59b970e1.png"); bac..

WEB-Front end/*웹사이트 만들기 & 토이 프로젝트 2023. 7. 27. 20:52

1주차 day01: Javascript, nodejs, 입출력, 변수 , 호이스팅 day02: 프로그래밍 패러다임(함수형 프로그래밍),자료형, 연산자, 조건식, 제어문, 반복문, 함수 2주차 ** day03: 객체, 매서드, 객체 접근법, 배열, 배열의 고차함수와 내장함수, 배열 생성

WEB-Front end/*JAVASCRIPT 2023. 7. 19. 12:19

변수의 범위 자바스크립트에서는 객체, 함수 모두 변수(상수)입니다. 변수의 범위란 변수가 접근할 수 있는 변수, 객체 그리고 함수의 집합을 의미합니다. 1. 지역변수 함수 내에서 선언된 변수를 가리킵니다. 지역 변수는 변수가 선언된 함수 내에서만 유효하며, 함수가 종료되면 메모리에서 사라집니다. 2. 전역 변수 함수의 외부에서 선언된 변수를 가리킵니다. 전역 변수는 프로그램의 어느 영역에서나 접근할 수 있으며, 웹 페이지가 닫혀야만 메모리에서 사라집니다. 1. 전역 변수 예제1) 1. 전역 변수 10을 만들기 var num1 = 10 2. 함수를 만들고(10출력, 20이 다시 전역 변수 num1에 들어가서 20이 된다. => 전역 변수 num1의 값을 재대입 10 -> 20) function func1(..

WEB-Front end/*JAVASCRIPT 2023. 7. 8. 23:59

HTML 코드 To Do LIST ADD new item here CSS코드 * { margin: 0; padding: 0; } body { background-color: #ffc0cb; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 80vh; width: 100vw; font-family: "Encode Sans", sans-serif; } .title { font-size: 30px; font-weight: 600; color: black; letter-spacing: 1px; margin: 30px 0; } .todo-list { width: 450px; padding: 20px..

WEB-Front end/*웹사이트 만들기 & 토이 프로젝트 2023. 6. 12. 17:34

사용자 정의 함수(function) 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미하며, 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행하기 때문에 코드를 재활용할 수 있는 장점을 가지고 있다. 첫번째 함수 - 1 이름만 있는 함수 1. 함수 만들기_func1이라고 함수 이름을 주고 안에 실행 할 문장 작성. 2. 호출되기 전에 선언하기. 첫번째 함수 - 2 표현식 함수 만들기 func2라는 함수 이름 만들기 const func2 = function () { console.log("func2 호출되었습니다."); }; func2(); //호출되기 전에 함수를 만들어야 함 두번째 함수 - 1 매개변수가 있는 함수 함수명(값1, 값2 ... )이 매개변수1, 매개변수2에 각각 복..

WEB-Front end/*JAVASCRIPT 2023. 6. 3. 23:59

웹 페이지에 존재하는 HTMLㅇㅛ소에 접근하고자 할 때 반드시 Document객체부터 시작해야 한다.Document메소드 Document객체는 HTML요소와 관련된 작업을 도와주는 다양한 메소드를 제공합니다. - HTML요소의 선택 - HTML요소의 생성 - HTML이벤트 핸들러 추가 - HTML 객체의 선택HTML 요소의 선택 HTML요소를 선택하기 위해 제공되는 메소드는 다음과 같습니다.

WEB-Front end/*JAVASCRIPT 2023. 6. 1. 23:59

객체(object) 실생활에서 우리가 인식할 수 있는 사물들을 객체라고 부른다. 사람, 강아지, 고양이, 도마뱀 등등...... - 요것이 객체 빠밤~!!! -내가 거미의 정보에 대해 표현하고 싶다면 메모리에 명사와 동사를 싹 묶어서 올려놓는 것 이것이 객체 let 머리개수 = 1 let 키 = 180 let 다리개수 = 2 ... function 달리기() { 열심히 달립니다. } function 먹기() { 맛있게 먹습니다. } const dragon = { } //빈 객체 const dragon = { name: "불주먹", age: 40, color: gray, sleep: function() { consol.log('잠을 잡니다'); } ... } name: "불주먹" = 이름과 값으로 이루어진..

WEB-Front end/*JAVASCRIPT 2023. 5. 31. 17:45

자바스크립트에 배열이란? 인덱스로 참조되는 정렬된 값의 집합으로 정의하며, 배열을 구성하는 각각의 값을 배열 요소(element)라고 부른다. (자바스크립트에서 배열은 Array 객체로 다뤄집니다.) 배열 만들기 Array 1. let arr = [배열요소1, 배열요소2,...]; // 배열 리터럴을 이용하는 방법 2. let arr = Array(배열요소1, 배열요소2,...); // Array 객체의 생성자를 이용하는 방법 3. let arr = new Array(배열요소1, 배열요소2,...); // new 연산자를 이용한 Array 객체 생성 방법 배열 생성 const fruits = ["🍎", "🍌"] consol.log(fruits.length) //.length는 속성(길이 체크) conso..

WEB-Front end/*JAVASCRIPT 2023. 5. 30. 23:47