일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 트라이캐치
- 자바스크립트 생성자
- 프로그래밍 프랙티스
- 스타일가이드라인
- UI 레이어
- Try...catch
- 자바스크립트의 기본 포멧
- 자바스크립트 코드 스타일
- React 리액트
- 자바스크립트 문자열
- javascript
- 사용자 에러
- 자스
- js
- 에러 던지기
- 자바스크립트 객체
- 변수 선언
- 객체지향프로그래밍 언어
- 자바스크립트
- 브라우저 탐지
- JS 이벤트
- JS cod e style
- html5
- Null비교 금지
- 자바스크립트 클래스
- 비구조화 할당
- 에이전트 탐지
- Programming Practice
- 함수 호이스팅
- 리엑트 이벤트
- Today
- Total
목록2018/11 (22)
GomJu's Coding Blog
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 =..
[HTML]의 mailto링크재미있는 글이 보여서 읽고 있는 도중 Html의 a태그에 있는 href에 주소 대신 mailto를 적으면 메일을 보낼 수 있다는 사실을 알았습니다. 그래서 지금 이 내용을 포스팅 해보려 합니다. mailto 링크 란?Mailto 링크는 HTML의 링크 타입에 속합니다. 이 링크는 사용자의 컴퓨터에 깔려 있는 메일 클라이언트를 실행시켜서 E-mail을 보낼 수 있게 해주는 태그입니다. 웹 브라우저는 메일 클라이언트에서 전송해주는 E-mail 전송 소프트웨어를 받아온 후 실행 시켜줍니다. HTML에서 mailto 링크 사용하기mailto링크는 'a'태그의 href안에서 사용합니다. 메일보내기 다음은 mailto 링크를 사용하기 위한 태그들 입니다. 매개변수 사용처 mailto:n..
자바스크립트의 문법들자바스크립트도 다른 언어들과 마찬가지로 여러 문법들이 존재합니다. 제가 자바스크립트를 공부하면서 어렵다고 느꼈던 문법들과 그렇지 않은 문법들로 나눠보았습니다. 저를 기준으로 작성했으니 꼭 이렇지는 않습니다. 자바스크립트는 다른 언어와 비교 했을때 데이터 타입과 연산자 부분에 몇 가지 다른점을 제외한다면, 제어문과 반복문을 사용하는 부분은 거의 비슷합니다.기본자바스크립트에서 값을 만들어 내는 간단한 코드를 '표현식' 이라고 부릅니다.하나 이상의 표현식이 모여 '문장'을 이룹니다.이러한 문장이 모여 '프로그램'이 됩니다.자바스크립트가 처음 만들어질 때 정해진 특별한 의미가 있는 단어를 '키워드'라고 합니다.식별자는 자바스크립트에서 이름을 붙일 때 사용하는 단어입니다. EX) 변수명, 함수..
자바스크립트로 무엇을 할 수 있을까?자바스크립트는 워낙 다재다능한 언어이기 때문에 여러 분야에 영향을 끼치고 다닙니다.-프로그래밍 공부다른 타 언어들과 비슷하게 공부할 수 있기 때문에 처음 언어를 접해도 어렵지 않게 배울 수 있습니다. if, for...in, for...of, while, switch, function등과 같이 여러 문법들의 사용법을 익히고, 기본적으로 간단하게 코드를 작성할 수 있습니다. 이 글을 읽고 계신 분들은 자바스크립트에 관심이 있어서 공부하리라고 생각이 듭니다. 자바스크립트를 공부하는 것은 후회 없는 선택이 될 것 입니다...!- 웹 프로그래밍 : Front-End웹 개발은 프론트 엔드 개발과, 백 엔드 개발로 나뉩니다. 여기서 프론트 엔드는 HTML, CSS, JavaScr..
자바스크립트는 어떻게 작동할까?자바스크립트는 어떻게 작동할까요? 여타 다른 언어들과 마찬가지로 컴파일되고, 랜더링과정을 거칠까요? 지금부터 자바스크립트가 어떻게 작동하는지에 대해 알아보겠습니다. 자바스크립트가 어떻게 작동하는지 구글을 통해 여러 문서를 찾아보고, 레포를 많이 보았지만 쉽고 간단하게 설명된 문서가 없었습니다. 그러다가 외국의 한 컨퍼런스 영상을 보고 비동기 방식의 동작원리에 대해 조금은 이해를 할 수 있었습니다. 문서 출처 : https://www.youtube.com/watch?v=8aGhZQkoFbQ 자바스크립트에서 함수를 실행 시키면 함수가 call Stack에 쌓이며 LIFO(Last In First Out)방식으로, 나중에 들어온 함수부터 처리를 합니다. 이는 자바스크립트 뿐만 아..