맑음때때로 여름

스크롤 내릴때마다 동그라미가 채워지는 애니메이션 효과

자바스크립트 날짜 포맷 Intl.DateTimeFormat new Intl.DateTimeFormat("ko", { dateStyle: 'full' }).format(new Date()) // '2022년 11월 28일 월요일' new Intl.DateTimeFormat("ko", { dateStyle: 'full' , timeStyle: 'medium'}).format(new Date()) //'2022년 11월 28일 월요일 오후 6:42:50' *참고 자료 https://www.daleseo.com/js-intl-api/ 자바스크립트의 Intl API Engineering Blog by Dale Seo www.daleseo.com https://youtu.be/4YnKQrPMTNU

객체 안에 있는 값을 추출하여 바로 사용할 수 있다. const object = { a: 1, b: 2 }; const { a, b } = object; //비구조화 할당 문법 console.log(a); // 1 console.log(b); // 2 const [ inputs, setInputs ] = useState({ //state 지정 //const [ 상태 값 저장 변수 , 상태 값 갱신 함수 ] = useState(상태 초기 값) calResult : '', calculating : false //계산 누르면 F->T 클리어 누르면 T -> F }); const { calResult, calculating } = inputs; //비구조화 할당

[JavaScript] 자바스크립트 apply 메소드 - 함수 매개변수를 처리하는 방법을 제외하면 call과 똑같음 - 다만 apply는 매개변수로 배열을 받는다. - apply메소드 형식 함수.apply(this로 불러 쓸 객체명, 전달할 매개변수 배열형식) - apply메소드 예제 const arr = [2,3,5,-7,9,1]; Math.min.apply(null, arr);//-5 Math.max.apply(null, arr);//15 //null을 넣은 이유는 Math.min과 Math.max 함수가 this가 필요 없기 때문에

[JavaScript] 자바스크립트 call 메소드 1. call 메서드 - 모든 함수에서 사용 가능 - this를 특정 값으로 지정할 수 있다. (불러다 쓰는 느낌) - 함수안에 this로 지정할 변수가 없어도 밖에 있는 변수를 불러다가 this로 지정할 수 있다. - call 함수 형식 함수.call(this로 불러 쓸 객체명) - 자바스크립트 call 함수 예제1 const TY = { name : "태연" }; const TR = { name: "태리" }; function infor(){ return `Hello, I'm ${this.name}!`; } infor(); // 결과 : Hello, I'm Undefined! infor.call(TY); // 결과 : Hello, I'm 태연! in..

[JavaScript] 자바스크립트 if ...else 문을 3항 연산자로 바꾸기 if ...else 문을 3항 연산자로 바꾸기 - 3항 연산자를 사용하면 코드가 간단해지고 가독성이 좋아짐 - 자바스크립트 3항 연산자 형식,문법 label = isPrime(n) ? 'Y' : 'N' isPrime(n)의 조건문이 true면 'Y'를 리턴, false면 'N'을 리턴 //if else 문 예제 const t = [1,2,3,4,5]; for(i=0;i

[JavaScript] 자바스크립트 템플릿 문자열이란? 템플릿 문자열 - 값을(변수or 상수) 문자열 안에 써야하는 경우 사용 - ES6부터 지원 - 사용방법은 문자열을 ` `(백틱)으로 감싸고 변수명 이나 상수명을 ${} 로 감싸줌 //ES6 예시) let temp = 19.5; const message2 = `현재 온도는 ${temp} 입니다.`; message2; - 만약 템플릿 문자열을 사용하지 않고 문자열 안에 변수명을 넣는 다면? // 템플릿문자열 사용하지 않은 예시) let currentTemp = 19.5; const message1 = '현재 온도는' + currentTemp+ '입니다.'; message1; - 문자열 마다 따음표를 씌어주어야 하고 병합연산자(+ 플러스)를 넣어줘야 한다..

[JavaScript] 내 맘대로 주사위 게임 예제 자바스크립트 공부하면서 만든 기초적인 예제 간단한 주사위 게임 예제이지만 역시 목표가 있어야 공부가 좀 재밌는 것 같다 ㅎㅎ 1. 1~50까지 단계가 존재, 주사위를 던져 나온 수만큼 단계를 이동 ex> 주사위 결과=2 , 2단계 전진 2. 따봉또치의 축복 : 숫자 7이 들어간 단계에 도착 시 주사위 수가 +7이 됩니다. ex>현재 위치=17 >> 따봉또치의 축복 +7 >> 현재 위치 17+7이 되서 24단계가 됩니다. 3. 주사위의 눈물 : 주사위 숫자 4가 걸리면 방금 던진 주사위 숫자가 무효화가 됩니다. ex>현재 위치=12 ,주사위 결과=4 >> 현재 위치=12 //난수 생성 함수 function rand(m,n){ return m+Math.fl..

[자바스크립트] paper.js 예제 1. index.html My first application! Welcome to Learning JavaScript, 3rd Edition . 2. main.css /* 여기 스타일을 씁니다. */ #mainCanvas { width: 400px; height: 400px; border: solid 1px black; } 3. main.js $(document).ready(function(){ 'user strict'; paper.install(window); //paper.js를 전역스코프에 설치 paper.setup(document.getElementById('mainCanvas')); //mainCanvas라는 캔버스에 연결 //무엇을 그릴 것인가 var c..

A.이건 반드시 해야 해(something that munst learn) [1] ES6 let, const vs var / closures / classes/prototype promise (fetch API, async/await) / arrow function / module(import/export) / template strings / spread operator [2] git & github [3] npm/yarn(JSON) [4] Linux [5] WebPack [6] css(DISPLAY, POSITION, Z-INDEX, FLEX BOX/CSS GRID) [7] framework ( REACT or ANGULAR or EMBER or VUE whatever) B.하면 좋을 거 같은 분야(..