Front 썸네일형 리스트형 [JavaScript] 10. JavaScript 중간 정리 관련 JavaScript 글https://kyr5191.tistory.com/34 [JavaScript] 5. JavaScript 배경JS는 2023년 기준 프론트 엔드 개발자라면 무조건 알고 있어야 하는 언어입니다. HTML, CSS 와 더불어 웹에서 동작 가능한 유일한 프로그래밍 언어이기 때문입니다. 흔히 웹 개발 3 대장이라고 하는 Hkyr5191.tistory.com 자바스크립트의 탄생과 표준화탄생 배경: 1995년 브렌던 아이크가 개발한 자바스크립트는 웹페이지의 보조 기능을 수행하기 위해 넷스케이프 내비게이터에 탑재되었다. 초기 이름은 모카(Mocha)였고, 이후 라이브스크립트(LiveScript)를 거쳐 자바스크립트(JavaScript)로 명명.표준화 필요성: 브라우저 간 호환성 문제(크로스.. 더보기 타입 스크립트 적용 타입 스크립트 설치 npm i typescript -g 컴파일 방법 tsc index.ts ts 파일을 js 파일로 컴파일 해줌 컴파일 설정 ts 파일이 위치한 디랙토리 내에 tsconfig.json 파일 추가 후 컴파일 설정을 추가하면 됩니다. compilerOptions 에 위의 공식 문서의 설정 중 필요한 것을 찾아서 넣으면 TS에서 JS로 바꾸는 컴파일 설정을 할 수 있습니다. 더보기 [JavaScript] 9.JS에서 데이터 타입 설정 JSdoc을 사용하면 JS에서 타입을 설정 가능 /** * @param {Number} a * @param {Number} b * @returns */function sum(a , b ){ return a + b;}sum(10,20); // 30@ts-check 하게 되면 설정한 데이터 타입에 맞지 않은 변수는 에러 표시//@ts-check/** * @param {Number} a * @param {Number} b * @returns */function sum(a , b ){ return a + b;}sum(10,'20') JSdoc을 사용하면 임의로 Promise 객체를 설정할 수 있고/** * @return {Promise} */ 아래와 같이 Promise 설정한 경우 그 .. 더보기 [TypeScript] TypeScript를 사용하는 이유 타입 스크립트는 간단히 설명하면 자바 스크립트의 타입이 입혀진 언어이다 타입 스크립트는 JS와는 다르게 브라우저에서 실행하기 위해서 파일을 한 번 변환 시켜야 한다. 이를 우리는 컴파일이라고 한다. 타입 스크립트의 장점 js doc을 사용하면 타입 스크립트와 비슷한 행동을 할 수있다. JSdoc을 사용하면 임의로 Promise 객체를 설정할 수 있고 /** * @return {Promise} */ 아래와 같이 Promise 설정한 경우 그 객체에 대한 프로퍼티를 만들 수 있다 /** * @typedef {object} User * @property {stirng} name * @property {stirng} email * @property {sometype} address */ 또한 sometype 처.. 더보기 [JavaScript] 8. JS 기초 (원시 타입) 원시 타입(Primitive Types)원시 타입은 정수, 실수, 문자, 논리 등의 실제 데이터 값을 저장하는 타입입니다. 이러한 원시 타입의 객체는 몇 가지 특징을 가지고 있습니다.원시 타입은 메모리 공간에서 값이 변경되지 않습니다.원시 타입을 호출 시 값에 의한 호출을 합니다. 중요지금의 말로는 무슨 뜻인지 이해하기 어렵습니다. 예와 함께 설명 드리겠습니다.let a = 10a = 51. a라는 변수가 10이라는 값을 할당해서 메모리 공간에 적재하고 a는 10이라는 값이 저장된 메모리 공간의 주소를 가르키고 있습니다. 2. 하지만 다음 줄 에서 5라는 값으로 a가 바꼈습니다. 이렇게 되면 메모리 공간 상 10이라는 값이 사라지는 것이 아니라 10은 남아 있고 새로운 메모리 공간에 5를 적재한 후 a의.. 더보기 [JavaScript] 7. JS 기초 (변수, 데이터 타입) 프로그래밍 언어를 공부한다면 무조건 알고 있어야 하는 기본인 변수 함수 데이터 타입은 JS라고 할지라도 별로 다르진 않습니다. 조금 세부적으로 들어가 프로토타입에 관련된 이야기를 하기 위해선 그 기초를 완벽하게 이해해야 할 필요가 있어서 작성했습니다.변수 : 값이 위치하고 있는 메모리 상의 주소에 접근 하기 위해 사람이 이해하기 위해 재설정한 식별자데이터 타입 : 메모리에 적재되는 데이터의 종류변수 수학에서 변수는 아직 정해지지 않은 미지의 수를 기록하는 문자를 변수라고 합니다. 프로그래밍 언어서도 비슷합니다.우리가 사용하고자 하는 값이 존재하고 그것을 한 번이 아닌 여러 번을 사용 하려할 때 메모리에 기록된 데이터를 매번 일일이 찾아서 호출하는 것은 매우 비효율적인 낭비 입니다. 따라서 프로그래밍 언어.. 더보기 [JavaScript] 6. JS 기초 (브라우저의 동작 원리) 이전 장에서 JS의 등장 배경과 특징 등을 학습했다면 이번 장에선 이러한 JS가 브라우저에서 어떻게 동작하는지에 대해 말씀드리겠습니다. JS를 실행하기 위해선 반드시 JS 엔진이 탑재되있어야 합니다. 이러한 조건에 부합하는 것은 브라우저와 node.js 2가지가 존재합니다. 즉 JS는 브라우저와 NODE.JS 환경에서 실행이 가능합니다. 하지만 이 둘은 서로 추구하는 것이 다릅니다.브라우저 : HTML CSS JS 등을 서버로 부터 응답 받아 화면에 랜더링해서 보여주는 것이 목적 Node.js : 서버를 개발할 환경을 제공하는 것이 목적 JS 브라우저의 동작 원리브라우저를 동작할 때 몇 가지의 단계가 존재합니다.1. 사용자 인터페이스 (User Interface) : 주소 표시줄, 이전/다음 버튼, 북.. 더보기 [JavaScript] 5. JavaScript 배경 JS는 2023년 기준 프론트 엔드 개발자라면 무조건 알고 있어야 하는 언어입니다. HTML, CSS 와 더불어 웹에서 동작 가능한 유일한 프로그래밍 언어이기 때문입니다. 흔히 웹 개발 3 대장이라고 하는 HTML CSS JS를 간단한 예시로 들어 설명하자면 HTML은 전체적인 내용을 정하는 뼈대입니다. CSS는 이렇게 만들어진 뼈대를 꾸며주는 예쁘게 꾸며주는 화장품라고 표현 할 수 있습니다.JS는 그렇게 만들어진 전체적인 외형에서 동작이나 명령을 실행해주는 일종의 뇌 역할을 합니다.JS(JavaScript)자바 스크립트는 HTML의 동적인 표현을 위해 개발된 경량급 프로그래밍 언어입니다. 그렇기에 처음 나올 당시에만 해도 서버의 데이터를 브라우저에 렌더링 해주는 정도로 밖에 활용하지 못했습니다. 하지만.. 더보기 이전 1 2 다음
