일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 자바스크립트 클래스
- 프로그래밍 프랙티스
- JS 이벤트
- Programming Practice
- 리엑트 이벤트
- 자바스크립트 코드 스타일
- javascript
- 함수 호이스팅
- 자바스크립트 객체
- 변수 선언
- js
- Try...catch
- 자바스크립트 생성자
- 스타일가이드라인
- 객체지향프로그래밍 언어
- React 리액트
- 자바스크립트의 기본 포멧
- 브라우저 탐지
- 자바스크립트 문자열
- UI 레이어
- 자스
- 에이전트 탐지
- JS cod e style
- 트라이캐치
- 비구조화 할당
- 자바스크립트
- Null비교 금지
- html5
- 에러 던지기
- 사용자 에러
- Today
- Total
목록 (36)
GomJu's Coding Blog
Q : 자바스크립트의 함수는 어떻게 쓰이나요?A : 자바스크립트에서는 화살표함수라고하는 ES6문법이 있습니다. 정말 유용하게 사용하는 기술입니다.자바스크립트에서는 함수가 정말 중요합니다. 함수선언에는 함수선언식과 함수표현식이 있습니다. 함수 선언식은 함수를 정의하기 전에 먼저 선언하는 것 입니다. 다음은 예제입니다.function print() { return console.log('Hello JavaScript!'); };또 다음은 함수를 미리 선언하지 않는 표현식 입니다.const printFunc = function print() { return console.log('Hello JavaScript!'); };자바스크립트에서는 함수 표현식을 지향합니다.화살표 함수ES6문법에 추가된 화살표 함수는 함..
Q : 자바스크립트에는 어떠한 반복문이 있나요?A : 자바스크립트에는 다양한 반복문이 있습니다! while문부터 for...in문등 여러 문법이 있습니다.자바스크립트에는 반복문이 여러게 있습니다.while문, do while문, for문, for...in문, for...of문 등이 있습니다.while문while문은 다음과 같은 형태로 사용합니다.while (조건) { 실행될 문. };위의 형태에서 조건에는 몇번 반복할 것 인가를 써넣습니다.다음은 while문의 예시입니다.let a = 5; while (a > 0) { console.log(`a 의 값은 ${a}입니다.`); --a; };do while문while문에서는 조건을 거친 후 실행을 하지만, do while에서는 실행을 한 후 조건을 거칩니다...
Q : 자바스크립트의 제어문은 무엇이 있나요?A : 자바스크립트에서는 if( ) { ... }문과, switch( ) { ... }문이 있습니다.자바스크립트도 여러 언어들과 마찬가지로 제어문을 사용할 수 있습니다. 제어문의 종류에는 참과 거짓을 나누는 로직을 갖고있는 if문과 어느 한 값에 따라 case문이 실행되는 switch문으로 구성됩니다.if문if문은 다음과 같은 형태로 생겼습니다.if (조건) { 실행될 문. } else if (조건) { 실행될 문. } else { 실행될 문. }위의 코드중 조건에는 말 그대로 >, 5 ) { console.log('a 는 5보다 큽니다.'); } else if ( a === 5 ) { console.log('a 는 5입니다.'); } else { consol..
Q : 자바스크립트의 String타입에는 어떠한 형태가 있을까요?A : 자바스크립트에서는 ''방법과, ""방밥과 ``이 있습니다.자바스크립트에서는 문자열을 3가지 방법으로 사용할 수 있습니다.작은 따옴표 : ' '큰 따옴표 : " "템플릿 문자열 : ``이러한 방법이 있지만 자바스크립트의 스타일로는 작은따옴표를 사용하기를 권장합니다.// 좋지 않은 사용 let msg = "자바스크립트는 위대하다!"; // 좋지 않은 사용 let msg = `자바스크립트는 위대하다!`; // 좋은 사용 let msg = '자바스크립트는 위대하다!';템플릿 문자열프로그래밍을 많이 접하지 않은 여러분은 템플릿 문자열이 생소하실 것 입니다. 템플릿 문자열은 키보드 자판의 ~모양을 클릭하면 나오는 따옴표인데요, 템플릿 문자열은 ..
Q : 자바스크립트에서는 배열을 사용하나요?A : 자바스크립트에는 많은 데이터 타입이 존재하는데, 그 중 배열타입또한 존재합니다.자바스크립트는 여러 데이터 타입을 가지고 있습니다. String, Number를 시작으로 Object, Array등 이 있죠. 이중 Array를 포함한 여러 데이터 타입들이 자바스크립트 뿐만 아니라 다른 타 언어들 에게도 포함됩니다.선언배열의 선언방식은 new키워드를 사용하는 리터럴방식과 [ ]를 이용하는 배열리터럴 방식이 있습니다.let Students = let Students = ['KJW', 'JSH', 'YGJ', 'KYG', 17]; // 배열리터럴 방식 let Students = new Array('KJW', 'JSH', 'YGJ', 'KYG', 17); // 리터..
Q : 자바스크립트에서도 클래스를 사용할까요?A : 자바스크립트에서는 클래스가 굳이 필요하지 않지만 사용할 수 있습니다!자바스크립트에 ECMAscript6문법이 들어오면서 자바스크립에서도 Class를 사용할 수 있게 되었습니다.다음은 Class를 선언하는 방법입니다.class PersonClass { constructor(name) { this.name = name; } sayName() { console.log(this.name); } } let person = new PersonClass("KJW"); persom.sayname(); // 'KJW'클래스를 하나하나 설명해드리겠습니다.생성자먼저 class Personclass{ ... }는 클래스를 선언하는 방법입니다. 그 안에 존재하는 constru..
Q : 자바스크립트의 객체는 어떻게 쓰이나요?A : 자바스크립트는 객체기반의 스크립트 언어입니다! 객체를 밥 먹는 것 처럼 많이 사용합니다.자바스크립트의 객체에 대해 설명하기 전에 객체가 무엇인지 부터 설명드리겠습니다.객체란, 변수들과 그와 관련된 메서드들이 모여서 이룬 하나의 꾸러미입니다. 한마디로 현실의 사물을 프로그래밍에 반영한 것이라고 생각할 수 있습니다. 간단한 코드를 소개시켜드리겠습니다.let Student { name : 'KJW', age : 17, class : 3 }이 코드는 현실의 학생이라는 객체를 프로그래밍한것 입니다. 정말 간단하지 않나요? 이와 같이 Student라는 변수에 { }로 감싼 덩어리를 넣은 것 입니다. 바로 이 덩어리가 Student를 표현하는 객체입니다.객체는 여러..
Q : 자바스크립트의 참조방법은 무엇무엇이 있나요?A : 자바스크립트의 참조방법에는 var, let, const가 있습니다.자바스크립트에서의 참조에는 함수스코프를 취하는 var와, 블록스코프를 취하는 let, 상수를 뜻하는 const가 존재합니다.자바스크립트에서 조건없이 참조를 하고싶다면 var대신 const를 사용합니다.// 좋지 않은 코드 var a = 1; var b = 2; // 좋은 코드 const a = 1; const b = 2;만약 참조를 재할당 해야한다면 const나 var대신 let을 사용합니다.// 좋지 않은 코드 var count = 1; if (true) { count += 1; } // 좋은 코드 let count = 1; if (true) { count += 1; }var보다 ..
Q : 자바스크립트의 Type에는 무엇이 있나요?A : 값을 직접 조작하는 '원시형'과 참조를 통해 조작하는 '참조형'이 있습니다.자바스크립트의 Type은 원시형과 참조형으로 나뉩니다.'원시형'에 접근하면 값을 직접 조작하게 됩니다.stringnumberboolennullundefinedsymbol ( 완전한 pull과 response가 구현이 안되어있기 때문에 적절한 환경에서 시용해야합니다. )다음은 사용 예시입니다.const foo = 1; let bar = foo; bar = 9; console.log(foo, bar); // => 1, 9'참조형'에 접근하면 참조를 통해 값을 조작하게 됩니다.object(객체)array(배열)function(함수)다음은 사용 예시입니다.const foo = [1,..
Q : 세미콜론을 붙일까요?A : 세미콜론 붙입니다!자바스크립트는 코딩을 하면서 세미콜론을 꼭 찍지 않아도 됩니다. 그 이유는 자바스크립트는 세미콜론이 없는 라인을 만나면 컴파일상황에서 자동세미콜론 삽입 규칙에 따라 세미콜론을 뒤에 붙여줍니다. 하지만 복잡한 코드 상에서 자바스크립트가 줄바꿈을 잘못 해석한다면, 불상사가 발생합니다...그렇기 때문에 자바스크립트에서는 세미콜론을 붙이는 것을 지향합니다. 다음은 변수선언 및 반복문의 세미콜론 예 입니다.// 좋지 않은 세미콜론 const luke = {} const leia = {} [luke, leia].forEach((jedi) => { jedi.father = 'vader'; }) // 좋은 세미콜론 const luke = {}; const leia =..