본문 바로가기

자바스크립트111

[이펙티브 타입스크립트] 타입스크립트를 알아보자 친구랑 같이 하던 사이드 프로젝트가 드디어 끝이 났다. 이제 남는 점심시간이 생겨서 계속 미뤄뒀던 이펙티브 타입스크립트 책을 읽으며 정리하려고 한다. 현재 타입스크립트로 코드를 작성하면서, 이게 맞나? 이게 제일 효율적인 방식인가? 더 나아가 이게 효율적인 방식인가? 에 대한 의문은 항상 가지고 있는 것 같다. 질 좋은 코드를 작성하려면, 좋은 교본을 많이 봐둬야한다고 생각한다. 그래서 이 책을 선택했고, 정말 책 이름 그대로 이펙티브하게 타입스크립트를 써보고자 책 스터디를 진행한다. 예제 코드는 아래 깃헙 링크에 차곡차곡 쌓일 예정이다. https://github.com/do-not-do-that/effective-typescript do-not-do-that/effective-typescript ef.. 2023. 7. 13.
Javascript 메모리 관리 C 언어에서는 메모리 관리를 위해 malloc 과 free 를 이용해 할당하고, 해제하는 것을 개발자가 명시적으로 사용해줘야했다. 하지만 자바스크립트는 객체가 생성되었을 때 자동으로 메모리를 할당하고 더 이상 필요하지 않을 때 자동으로 해제한다. (사실 거의 대부분의 고수준 언어들이 암묵적으로 동작한다.) 많이 들어봤던 가비지 컬렉션에 대한 내용이다. 자바스크립트 메모리 할당 1. 값 초기화 자바스크립트는 값을 선언할 때 자동으로 메모리를 할당한다. 2. 함수 호출을 통한 할당 let date_time = new Date() 위와 같이 함수 호출의 결과 메모리 할당이 일어나기도 한다. 메소드가 새로운 값이나 오브젝트를 할당하는 경우도 있다. 자바스크립트 메모리 해제 C는 개발자가 더이상 메모리가 필요없을.. 2023. 7. 4.
[ 모던 자바스크립트 스터디 ] Ajax Ajax? Ajax(Asynchronous Javascript and XML) 란 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식을 말한다. Ajax는 브라우저에서 제공하는 Web API 인 XMLHttpRequest 객체를 기반으로 동작한다. XMLHttpRequest는 HTTP 비동기 통신을 위한 메서드와 프로퍼티를 제공한다. 이전 웹페이지는 완전한 HTML 을 서버로 부터 받아 웹 페이지 전체를 처음부터 다시 렌더링하는 방식으로 동작했다. 화면 전환시 웹 페이지 전체를 처음부터 다시 렌더링 했어야했던 것이다. Ajax 는 이런 전통적인 패러다임을 전환했다. JSON JSON.stringify .. 2022. 11. 6.
[ 모던 자바스크립트 스터디 ] REST API REST 는 HTTP를 기반으로 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍처고, REST API는 REST를 기반으로 서비스 API를 구현한 것을 의미한다. REST API의 구성 REST API 는 자원(Resource), 행위(verb), 표현(Representations) 의 3가지 요소로 구성된다. REST는 자체 표현 구조로 구성되어 REST API 만으로 HTTP 요청의 내용을 이해할 수 있다. 구성요소 내용 표현 방법 자원 자원 URI 행위 자원에 대한 행위 HTTP 요청 메서드 표현 자원에 대한 행위의 구체적 내용 페이로드 REST API 설계 원칙 두가지만 알고 있으면 된다. URI 는 리소스를 표현하는데 집중하고, 행위에 대한 정의는 HTTP 요청 메서드를 통해 하는 것.. 2022. 11. 5.

티스토리툴바