Javascript

트럼프 카드 뒤집기 예제

https://github.com/gilbutITbook/006960/tree/master/ch14/%EC%B6%94%EA%B0%80_%EC%98%88%EC%A0%9C-%ED%8A%B8%EB%9F%BC%ED%94%84_%EB%92%A4%EC%A7%91%EA%B8%B0

[자바 스크립트] 즉시실행함수... 그리고 클로저

https://youtu.be/qh6wq67KjTg main.js function Tell() { console.log("Tell"); } function Dance() { console.log("Dance"); } (function () { Tell(); Dance(); })(); 정상적인 출력

[기초 자바스크립트] 화살표 함수

https://youtu.be/KF6t61yuPCY ** 코딩악마님의 무료 유튜브 강의를 듣고 작성한 포스팅입니다** 타임라인 1:12:16 부터 함수선언문 : 호이스팅됨 : 어디서든 호출이 가능함 : 가능한 이유 : 자바스크립트는 실행 전 초기화 단계에서 선언된 모든 함수 모임을 찾아서 생성. 즉, 함수를 사용할 수 있는 범위가 전체가 되는 것임. function sayHelllo(){ console.log('Hello'); } 함수표현식 : 호이스팅 되지 않음 : 즉, 코드에 도달해야만 생성됨 let sayHelllo = function(){ console.log('Hello'); } : 함수표현식을 요리조리 요리하면 나옴 let add = function(num1, num2){ return num1..

[기초 자바스크립트] DOM(아직 작성중)

https://youtu.be/Y3_2BLb3hz8 * 해당 포스팅은 1분 코딩님의 유튜브 무료 강의를 참고하여 학습, 작성하였습니다* part1,2 내용 DOM과 Event까지 하면 동적인 페이지를 구성하는 것이 가능해진다! 웹 HTML 태그들을 짜다보면 트리구조가 형성이 되고, 이 트리구조를 이루는 요소 각각 하나하나가 전부 자바스크립트 객체이다. (태그 뿐만 아니라 텍스트도 마찬가지 취급... 심지어 클래스나 ID, 또는 하이퍼링크나 img src 같은 속성 그런 애들도.. DOM 객체에 속한다 결국 DOM 스크립트는 html element를 자바스크립트로 조작하는 것을 말한다.) DOM(Document Object Model) DOM이란, 문서에 있는 객체들을 바라보는 모델 DOM(Document..

[기초 자바스크립트] alert, prompt, confitm

https://youtu.be/KF6t61yuPCY *본 포스팅은 코딩악마님의 유튜브 무료 강의를 듣고 작성하였습니다. 11:32 alert, prompt, confirm alert 알려줌 : 탈퇴되었습니다, 연락처가 삭제되었습니다. 등.... prompt 입력받음 : 값을 입력받을 때 사용, 예약일을 설정하세요. 입력창(유저가 적당히 예약일 작성) confitm 확인받음 ex) 결제하시겠습니까? 결제를 취소하시겠습니까? 구독을 취소하시겠습니까? 등 등 유저에게 한번 더 질문할 때 주로 많이 쓰게됨

node.js 초간단 서버 만들기 (1) express 라이브러리 설치

node.js 설치. 예전에 설치했다면 몸풀기로 cmd에서 버전을 확인해보자 cmd(Window)창이나 terminal(Mac) 열어준다 C:\Users\User>node -v v16.13.2 node -v 설치된 node.js 버전 확인 node node 입력하면 노드 실행가능 *주의 : 아래부터 Mac일 경우 운영체제에 맞는 yarn 설치 후, npm install 대신 yarn add라고 작성해야 의도대로 잘 설치된다. 비쥬얼 스튜디오 코드 열어준다. 적당히 폴더 만들어서 열어준다. 새 터미널에서 아래와 같이 명령어를 작성 (터미널 오픈시에 폴더명이 잘 뜨는지 확인해주도록 하자!) 과정1. package.json 생성 npm init npm 이란 라이브러리 설치를 도와주는 도구이다. 어떤 라이브러리..

[자바스크립트 예제] 매개변수 수에 따른 Function return 제어

function cal(year, month, date) { let todayYear = year; let todayMonth = month; let todayDate = date; if (todayDate) { return `${year} / ${month} / ${date}`; } else if (todayMonth) { return `${year}년 ${month}월`; } else todayYear; { return `운수대통 ${year}년`; } } console.log(cal("2022", "3", "15")); console.log(cal(2022, 3)); console.log(cal(2022)); 2022 / 3 / 15 2022년 3월 운수대통 2022년

[기초 자바스크립트] 9.함수, 매개 변수, 반환

1. 매개변수가 1개인 함수 같은 makeBurger function으로 다양한 버거를 만드는 예제 function makeBurger(type) { console.log("무슨 버거?"+type+"고기 버거") console.log("--빵--") console.log("토마토") console.log("양상추") if(type=="소"){ console.log("한우패티") } else if(type=="닭"){ console.log("닭다리패티") } else{ console.log("고기패티") } console.log("--빵--") } makeBurger("소") makeBurger("닭") 출력결과 무슨 버거?소고기 버거 --빵-- 토마토 양상추 한우패티 --빵-- 무슨 버거?닭고기 버거 -..

[기초 자바스크립트] 8. 369게임 텍스트 코딩

for(let i = 1; i

[기초 자바스크립트] 7. 반복문, 구구단 등 예제

반복문 for문은 정확히 몇번 회전해야하는지 범위를 알때 사용하고 while은 주로 정확한 범위가 아닌 상태에 따른 반복일때 사용된다 for(let i=0; i