본문 바로가기

javascript6

JS part2, 서버, AWS EC2 | 4주차(1) 드디어 서버!!!!! 진짜 진짜 너무 배우고 싶었던 AWS를 배웠다! 나중에 배우게 될 AWS S3랑 RDS도 너무 기대된다.너무를 너무 남발하는 것 같지만, VSC 확장프로그램의 라이브 서버가 아니라 실제 서버를 만들어서 매우 신난 상태이다. 서버는 실습 위주라서, 이번 회고는 JavaScript 위주로 작성해 보겠음 ✍🏻 목차무엇을 배웠나this 키워드를 써야하는 이유super 키워드로 부모 생성자 호출하기 📜 무엇을 배웠나 1. 서버- 서버 개념HTTP 프로토콜서버 구축방법 : 서버 호스팅, 웹 호스팅, 클라우드 호스팅- 클라우드 컴퓨팅가상화, 클라우드 서버의 장점클라우드 유형 : 퍼블릭 (AWS, NCP) / 프라이빗 / 하이브리드- 도메인IP 주소(IPv4, IPv6), 웹주소(URL)과 도.. 2024. 11. 19.
[새싹x코딩온] jQuery와 vanillaJS 비교해보기 jQueyr는 요즘 많이 안 쓰인다고는 하지만, 그래도 어떻게 쓰는 지 사용법을 알아두면 좋다고 해서 과제를 다시 풀어보는 김에 vanillaJS로 다시 풀어봤다. jQuery는 수업 내용을 많이 잊어버려서 더 헤맸다. ^^... 현업에서 많이 쓰인다는 다른 JavaScript 라이브러리들이 궁금해지는 밤이다 🌝 자, 일단 오늘은 오늘의 복습을 하자. jQuery 개념과제1: 과일 사진 변경 버튼과제2: 상자 색 변경 📌 개념jQuery는 DOM을 조작하고 UI이벤트를 다루기 위한 라이브러리이다. 요소를 선택할 때 vanillaJS 처럼 Document 어쩌구 저쩌구를 다 쓸 필요없이 `$('css선택자').동작함수()`를 써주면 된다. 아닛...? 너무 간단하잖아? `$('button').css('.. 2024. 11. 16.
[JS] Date 객체의 형식 지정하기 (방명록 작성일 형식 수정) 📌 문제 작성일을 2024-11-10 11:20과 같은 형식으로 표현하고 싶은데, dateTd.textContent = new Date().toLocaleString(); 위와 같이 toLocaleString을 썼더니 `2024.11.10 오후 11:20:11`과 같이 나오고 있다. 📌 해결 과정1차 시도 - toLocaleString 옵션 설정하기 dateTd.textContent = new Date().toLocaleString('ko-KR', { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric', .. 2024. 11. 14.
[새싹x코딩온] JavaScript 표준객체와 내장 함수 JavaScript 표준 객체개념Date 객체Math 객체JavaScript 내장 함수문자열 관련 메소드배열 관련 메소드메소드 체이닝배열의 반복문 ⭐️⭐️⭐️ 📌 JavaScript 표준 객체1. 개념JavaScript의 표준 객체는 프로그래밍에 필요한 기본 기능과 데이터를 다룰 수 있도록 미리 정의된 객체의 집합이며, 그 안에 다양한 내장 함수(메서드)가 포함되어 있다. 표준 객체는 내장 함수를 제공하는 객체로 이해하면 된다. JavaScript 표준 객체의 예시기본 자료형 객체: String, Number, Boolean, Symbol, BigInt전역 객체: Math, Date, JSON, RegExp데이터 구조 객체: Array, Object, Map, Set, WeakMap, WeakSet에러.. 2024. 11. 7.
[새싹x코딩온] JS 조건문, 반복문 조건문: switch반복문: for / whilecontinue와 break 1. 조건문 : Switch 조건문은 일단 If문, 삼항연산자, switch문이 있다.switch문을 쓰라고 하는 문제가 나오면 뇌 버퍼링이 걸렸으므로 복습을 해보겠다.//요일에 따라 다른 메시지를 출력let now = new Date();let day = now.getDay();console.log(day); //요일 0(일)~6(토)switch (day) { case 1: console.log('월요병 퇴치'); break; case 3: console.log('이번주도 절반이나 왔다.'); case 5: console.log('하하하하하하!!!! 금요일 소리질러!!'); case 6: co.. 2024. 11. 7.
[새싹x코딩온] JavaScript 기초 아래 3가지 주제를 정리해보자. 자료형객체 접근법 2가지typeof명시적 형변환 Number, String (feat. prompt)변수 선언(var/ let /const) 및 재선언과 재할당의 차이점함수 표현하는 3가지 방법 + 차이점!!!!!!!⭐️⭐️⭐️ 1. 자료형#객체 접근법 2가지let cat = { name: '나비', age: 1, gender: 'f', isCute: true,};console.log(cat.name);console.log(cat.isCute);cat.like = ['tuna', '쥐'];// 접근방법2-대괄호 접근법!console.log(cat['name']);cat['parent'] = '초롱이';console.log(cat); 객체 타입에서 접근법 2가지 있는.. 2024. 11. 7.

티스토리툴바