자바스크립트12 [자바스크립트 프로젝트] 일정 관리 웹페이지 💁♀️프롤로그 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스자바스크립트의 개념만 공부하지 않고 실제 프로젝트를 만들어 보는 것이 실력을 향상시키는 데 더 좋다고 생각했습니다. 그래서 만든 일정 관리 웹페이지! 완성하기까지 우여곡절이 많았지만 결과론적으로 만족! 어떻게 만들었는지, 무슨 문법을 썼는지 최대한 자세히 기록해보겠습니다. 📋소개 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스기능을 구현하는 것도 좋지만 디자인적인 부분도 함께 보여줘야 사용자들이 만족할거라 생각했습니다. 그래서 프로젝트를 구현하면서 디자인도 기능 못지 않게 관심을 기울였는데요. 현재 유행에 맞는 디자인을 적용하고 싶어 곰곰히 생각하다 레트로라는 키워.. 2024. 8. 2. [typescript] 타입스크립트 클래스(class) 📝클래스 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스클래스란?클래스란 공통된 성질을 가진 객체를 정의한 것이다. 객체지향 프로그래밍에서 인스턴스를 생성하기 위한 변수와 메소드를 정의하는 일종의 틀을 말한다. 자바스크립트와 마찬가지로 타입스크립트에서도 클래스를 생성할 수 있다. 그렇다면 타입스크립트에선 어떻게 클래스를 만들까? 1) 자바스크립트자바스크립트는 2가지 방식으로 객체를 선언할 수 있다. 생성자 함수와 클래스를 이용한 것이다. 아래 코드를 보자.// 생성자 함수function Person(name, year) { this.name = name; this.yar = year;}// 클래스class Person { name; year; constructor.. 2024. 7. 15. [typescript] typescript의 타입과 정의 📝기본 타입과 타입 정의 ">HTML 삽입미리보기할 수 없는 소스타입스크립트에는 9가지의 타입이 존재한다.stringnumberbooleannullundefinedarraytupleobjectany자바스크립트와 달리, 타입스크립트는 변수에 타입을 정의할 수 있다. 타입을 정의하면 에러를 사전에 방지할 수 있다는 장점을 가진다.let name = "홍길동"; // 자바스크립트let name: string = "홍길동"; // 타입스크립트 타입을 정의하는 방법은 간단하다. 위의 코드처럼 변수 옆에 콜론(:)을 붙이고 해당 변수의 타입을 정의하면 된다. 이때 이 콜론(:)을 타입 표기(type annotation)라고 한다. 여러 기본 타입 중에서 array, tuple, any 타입을 정의하는 방법을 알.. 2024. 7. 9. Node.js란? (+npm) 📝Node.js란? " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스Node.js란?- 브라우저 밖에서 자바스크립트를 실행할 수 있는 환경으로 자바스크립트 런타임 자바스크립트란?- html 페이지에 종속된 언어로 html 조작을 위해서 만들어진 언어이다. 즉, html 조작이 가능하기 때문에 웹페이지를 다이나믹하게 바꿔줄 수 있다. 그렇다면 자바스크립트의 해석과 동작에 대해 의문이 생긴다. 자바스크립트의 해석 & 동작을 누가하나?- 브라우저가 담당하며 각 브라우저마다 자바스크립트를 해석할 수 있는 엔진이 존재한다.ex) Chrome - V8, Firefox - spiderMonkey, 인터넷 익스플로어 - Chakra 이때 Chrome은 자바스크립트의 해석엔진인 V8에 기능.. 2024. 7. 9. 이전 1 2 3 다음
