자바스크립트 (15) 썸네일형 리스트형 타입스크립트 입문자들을 위한 교과서, 비전공자도 배울 수 있는 타입스크립트 저는 웹개발자라서 주로 자바스크립트를 이용해 웹앱을 제작합니다.데이터의 타입에 엄격한 C언어와는 달리자바스크립트는 자체적으로 타입을 추론하기 때문에개발자가 타입을 따로 지정해주지 않아도 알아서 코드를 실행합니다. 하지만 아무리 타입을 알아서 지정해주더라도프로그래밍 언어가 개발자의 모든 의도를 명확히 이해할수는 없기 때문에항상 오류가 발생할수도 있다는 불안감 속에서 코드를 배포해야 합니다. 그래서 등장한 것이 타입스크립트입니다. 타입스크립트는 자바스크립트를 기반으로 만들어진 프로그래밍 언어이며타입스크립트로 작성된 코드를 컴파일하면 자바스크립트 코드가 출력됩니다.그리고 그렇게 출력된 자바스크립트 코드를 실행하게 됩니다. 어차피 자바스크립트로 변환할거면 왜 굳이 타입스크립트를 쓰는지 의문을 가질 수도 있지만타.. 자바스크립트의 클로저를 간단한 예제로 알아보기 클로저...자바스크립트를 공부하다보면 만나게 되는 어려운 개념들 중 하나입니다. 클로저를 잘 이해하기 위해서는 버그를 줄일 수 있는 변수 정의 방법에 대해 알아야 합니다. 변수를 사용할 때에는 변수를 정의하고, 데이터를 할당해야 합니다. var 변수; // 변수 정의 변수 = 10; // 데이터 할당 자바스크립트에서 var 키워드를 사용해서 변수를 정의하면 재정의와 재할당이 모두 가능합니다. var 변수; 변수 = 10; var 변수 = 20; // 재정의 변수 = 30; // 재할당 재정의는 이미 정의된 변수를 다시 정의하는 것이고, 재할당은 이미 데이터를 할당한 변수에 새로운 데이터를 할당하는 것을 의미합니다. 자 그럼 변수를 재정의하고 재할당 할 수 있게되면 어떤 문제가 발생할까요? var 간식; .. 모던 자바스크립트 딥다이브 - 표현식과 문 우리는 코드를 작성하는 과정에서 값을 다룬다. 값을 생성하기 위해서는 표현식을 평가해야 한다. 표현식을 평가한다는 것은, 표현식을 해석해서 값을 생성하거나 참조한다는 뜻이다. var age = 20 + 10; 위 예제에서 20 + 10은 숫자 타입 값 30을 생성하는 표현식이다. 그러므로 변수 age에는 20 + 10이 날 것 그대로 할당되지 않고, 20 + 10이 평가된 숫자 타입 값 30이 할당된다. 그렇다면 단순한 숫자 20도 표현식일까? 20; 위 예제에서 숫자 20은 리터럴이라고 부른다. 좀 더 정확히 말하자면 숫자 리터럴이다. 100; // 정수 리터럴 100.5; // 부동 소수점 리터럴 null; // null 리터럴 등등 리터럴은 약속된 기호나 문자를 사용해서 값을 생성하는 표기법을 의미.. 모던 자바스크립트 딥다이브 - 변수 모던 자바스크립트 딥다이브 스터디를 시작했다. 1~3장까지는 기본적인 자바스크립트 소개와 환경 셋팅에 대한 내용이라 4장부터 스터디를 시작하기로 했다. 4장의 내용은 변수에 대한 것. 가장 먼저 변수란 무엇인가? 프로그래밍을 할 때 가장 많이 사용하는 개념 중 하나가 변수라고 생각한다. 이 변수에 대해 이해하기 위해서는 컴퓨터가 데이터를 저장하고 불러오는 원리를 이해해야 한다. 컴퓨터는 메모리에 데이터를 저장한다. 그리고 메모리의 최소 단위는 메모리 셀이며 8비트 크기를 가진다. 이 메모리 셀에 데이터를 저장하고 메모리 셀의 주소를 통해 데이터를 참조할 수 있음. (여기서 참조란 메모리에 저장된 데이터를 읽어들이는 것을 의미한다.) 사설이 길었지만 다시 변수란 무엇인가에 대해 이야기해보자면 변수는 데이터.. 메모리 효율적인 자바스크립트 기반 Fulltext 검색엔진 MiniSearch 소개 해커톤에서 챗봇 개발을 했는데, 보유한 데이터를 검색해서 보여줄 수 있는 기능이 필요했다. 별도의 서버를 사용할 수 있다면 좀 더 정석적인 도구를 사용할 수 있었겠지만, 주어진 환경이 글리치 서버 환경 뿐이라서 MariaDB나 MongoDB 같은 DB 연동이 불가능한 환경이었고, 글리치 특성 상 무거운 라이브러리를 설치하기가 부담스러웠다. 그래서 주어진 환경에서 가장 가볍고 효율적으로 원하는 기능을 구현할 수 있는 MiniSearch를 사용하게 됐다. MiniSearch의 깃허브 주소는 아래와 같다. 사용 방법과 소개 또한 원문으로 존재하기 때문에 혹시 사용해보고 싶다면 참고하면 좋을 것 같다. https://lucaong.github.io/minisearch/ MiniSearch MiniSearch M.. nodejs랑 mongodb로 게시글 삭제 요청 해보기 이번엔 브라우저에서 nodejs 서버로 데이터 삭제 요청 해볼게요 db로도 데이터 삭제 요청 할거임 이 포스팅은 시리즈니깐 내용 이해 안되면 nodejs 게시판에서 이전 글 한번 보고 오세요 1. server.js // express로 서버 만들기 기본 셋팅 const express = require("express"); const app = express(); const bodyParser = require('body-parser'); // bodyparser 사용 설정 app.use(bodyParser.urlencoded({extended: true})); // ejs 사용 설정 app.set('view engine', 'ejs'); // 몽고DB랑 연결해주는 코드 const MongoClient =.. nodejs로 mongodb랑 데이터 주고받기 자 지난번 포스팅이랑 이어집니다 혹시 처음 이 글을 본다거나 아니면 까먹었는데 돌아가기 귀찮은 사람들을 위해 server.js 파일에 넣어둔 코드 올림 // express로 서버 만들기 기본 셋팅 const express = require("express"); const app = express(); const bodyParser = require('body-parser'); // bodyparser 사용 설정 app.use(bodyParser.urlencoded({extended: true})); // ejs 사용 설정 app.set('view engine', 'ejs'); // 몽고DB랑 연결해주는 코드 const MongoClient = require('mongodb').MongoClient; va.. nodejs랑 mongodb 연결해보기 백엔드 개발자는 API와 DB를 다룬다고 했었었는데 지금까지는 API만 다뤄봤고 이제 DB도 한번 다뤄봅시다 DB에는 관계형 DB랑 NoSQL이란게 있음 MySQL, MariaDB 같은게 관계형 DB고 MongoDB가 NoSQL임 이런 복잡하고 지루한 설명 다 집어치우고 관계형 DB는 엑셀처럼 데이터를 저장하는거고 NoSQL은 그래프, object(JS의 그 오브젝트 맞음) 등의 형태로 데이터를 저장함 나는 오늘 MongoDB를 쓸건데 걔는 object 형태로 데이터를 저장함 { 이름 : '김박사', 나이 : 30, 성별 : 남성 } 이렇게 저장한다는 뜻임 1. MongoDB Atlas 설정하기 자 그럼 바로 mongodb 한번 설정해볼까요? mongodb를 컴퓨터에 바로 설치해도 되는데 다운받고 설치하.. 이전 1 2 다음
