기록 (98) 썸네일형 리스트형 [Javascript] 대화상자 alet, prompt, comfirm alert 알려줌 prompt 입력받음 comfirm 확인받음 prompt( ) const name = prompt("이름을 입력하세요"); // 기본값 설정도 가능 (내용, 기본값) const name = prompt("이름을 입력하세요", "2022"); alert( ) alert(`안녕하세요, ${name}님`); confirm () confirm('정말 삭제하시겠습니까?'); // 확인 클릭 시 true // 취소 클릭 시 false [Javascript] ECMAScript 6 (ES6)_2 1. 스프레드 문법 - ...키워드 사용 - 스프레드 문법은 하나로 뭉쳐있는 여러 값들의 집합을 펼쳐 개별적인 값들의 목록으로 만듦 - Rest 파라미터와는 반대 개념 - Rest 파라미터는 매개변수로 전달된 값들을 배열로 묶어주는 것 - 스프레드 문법은 분리를 해서 요소 하나씩 찍어주는 것 2. Destructuring 할당(비구조화 할당) - 배열같은 집합 또는 객체의 구조를 파괴하여 1개 이상의 변수에 개별적으로 할당하는 것 3. set - set은 중복되지 않는 유일한 값들의 집합 - 배열과 유사하지만 순서의 의미가 없고 중복 값이 허용되지 않음, 인덱스로 요소에 접근 불가능 - set의 선언: new Set(); 4. Map - Map은 Key와 value를 가지는 컬렉션 - 객체와 차이점 객체.. [Javascript] ECMAScript 6 (ES6)_1 💡 ES5와 ES6의 차이 ES5와 ES6의 대표적인 차이점 변수 선언 화살표 함수, this 템플릿 리터럴 모듈 클래스 1. ES5 vardml 문제점 - var 중복 선언이 가능 - var는 불록 단위 변수가 아님 (함수나 전역 단위만 지정 가능) - var는 호이스팅(선 사용 후 선언) 가능 2. 블록 단위의 let 등장 - let은 중복 선언 불가능 - let은 블록 단위의 변수 - let은 호이스팅 불가능 3. 상수를 정의하는 const 키워드 - 상수를 정의할 때는 선언과 동시에 초기화 필수 - let과 동일하게 블록 단위 변수, 호이스팅을 지원하지 않음 - const는 상수이기 때문에 새로운 값을 할당할 수 없음 - const 선언 시 변수명은 대문자로 지정 4. const 키워드와 객체 -.. [Javascript] ECMAScript 5 (ES5) 💡 ECMAScript 란? JavaScript가 넷스케이프 커뮤니케이션즈로부터 개발되고 나서, MS에서 JScript를 개발하였다. 두 언어는 서로 호환되지 못하는 경우가 있어 크로스 브라우징 이슈가 발생하였다. 이 크로스 브라우징 이슈를 해결하기 위해 JavaScript를 표준화를 했다.그게 바로 ECMAScript 이다.(ECMAScript라고 불리는 이유는 비영리 표준화기구인 인터내셔널이 Javascript 표준화 요청을 했기 때문이다.) 우리가 흔히 사용하는 ES5, ES6은 버전 숫자를 붙여 ECMAScript를 줄여쓰는 말이다.참고로 2015년에 나온 것이 ES5이고 2016년에 나온 것이 ES6라고 착각할 수 있는데,ES5는 2009년에 발표되었고 ES6는 2015년에 발표되었다. 1. 자.. [AWS] React, SpringBoot 서버 배포하기 _ 1. EC2 인스턴스 생성 https://aws.amazon.com/ko/ec2/?nc2=type_a 아마존 클라우드 서버 호스팅 | Amazon Web Services Amazon Elastic Compute Cloud(Amazon EC2)는 500개가 넘는 인스턴스, 그리고 최신 프로세서, 스토리지, 네트워킹, 운영 체제 및 구매 모델의 옵션과 함께 워크로드의 요구 사항에 가장 잘 부합할 수 있도록 aws.amazon.com AWS 란? 아마존에서 제공하는 클라우드 기반의 웹 호스팅 서버 1년 동안 무료로 사용 가능 (프리티어) 매월 최대 750시간 사용 가능 인스턴스 생성 생성 할 인스턴스 이름 및 태그 입력 인스턴스 개수 설정 사용할 서버(server) 선택 방화벽 (보안 그룹 설정) 기존에 생성했던 보안그룹을 선택하거나,.. [JAVA] 패키지(package) 패키지(package) 서로 관련 있는 클래스나 인터페이스들을 하나로 묶은 것 패키지가 다르면 클래스의 이름이 같아도 됨 클래스 이름으로 인한 충돌을 막을 수 있음 패키지를 이용하여 더욱 세밀한 접근 제어를 구현할 수 있음 패키지를 사용하는 가장 중요한 이유는 이름공간(name space) 때문 package Day03; // 같은 패키지내의 클래스가 아닐 경우 import구문 사용 // import구문 사용 시 명확히 사용할 클래스를 지정하거나 import Day03.com.test.test; //패키지내의 모든 믈래스를 지정할 수 있다. import Day03.com.test.*; public class _05_package { public static void main(String[] args) {.. [JAVA] 상수 상수 불변 값 ex) 원주율, 지구 둘레, 지구 반지름 ...... 상수들은 대부분 대문자로 선언 ex) static final double PI = 3.14; 불변 값이므로 final 키워드를 사용하여 선언 package Day03; public class Earth { static final double EARTH_RADIUS = 6400; static final double EARTH_AREA = 4 * Math.PI * EARTH_RADIUS * EARTH_RADIUS; } package Day03; public class _04_const { public static void main(String[] args) { // TODO Auto-generated method stub // 상수도 fin.. [JAVA] Final 필드 Final 필드 final 키워드는 프로그램 실행 중 변경할 수 없는 필드(속성)를 선언할 때 사용 프로그램 실행되면 값 변경 불가능 // 변수 선언시 초기화 필수 final double PI = 3.14; final int WEEKDAYS = 7; // final 필드 선언 // 선언과 동시에 초기화 필수 // 프로그램이 실행되면서 값 변경 불가능 final int price = 3000000; package Day03; public class _03_final { public static void main(String[] args) { // TODO Auto-generated method stub Car car = new Car(); // final 필드인 price 값 변경시 컴파일 오류 //car.. 이전 1 ··· 4 5 6 7 8 9 10 ··· 13 다음