여태껏 README.md 파일에 파일 구조를 옮겨 적을 때 tree 명령어를 쳐서 나온 결과물을 그대로 복붙해왔었다. 이번에 서버팀 내에서 typescript template 제작을 맡게 되었는데, 내 템플릿의 구조를 설명할 때, 좀 더 편리하고 예쁘게 파일 구조를 알릴 수 있는 방법이 없을까 찾아보다가 발견한 vscode extension 이다. file-tree-generator vscode 의 extenstions 탭에서 file-tree-generator 를 검색하자. 바로 저 확장프로그램이다. 설치해주도록 하자! 이제 내가 구조를 표현하고 싶은 폴더에서 우클릭을 하고, Generate to Tree 를 선택해주자. 그럼 아래와 같은 결과물을 얻을 수 있다. icon 을 on/off 할 수 있는 ..

최근 한빛미디어에서 나온 데이터베이스 첫걸음이라는 책을 읽고 있다. 이 책을 읽으며 내가 기록하고 싶은 것들을 기록해나가겠다. 나는 현재 회사에서 서버 이전 작업중이다. 그러면서 기존 db를 전부 분리하고, table 설계를 다시 하는 등의 작업을 예상하고 있다. 그래서 이 책을 집어들었다. 아키텍처는 어떻게 우리에게 왔는가 - 아키텍처의 역사 사실 아키텍처라는 단어 자체가 굉장히 추상적이다. 이를 이해하기 위해 역사를 좀 되짚어보자. stand-alone 구조 초기에는 DB 서버가 네트워크에 접속하지 않고 독립되어 동작했다. 이러한 구성에서는 DBMS(데이터베이스 미들웨어)와 애플리케이션 소프트웨어는 같은 DB 서버에서 동작한다. 그렇기 때문에 내가 DB를 쓰고 싶으면, 물리적으로 그 DB에 가야지만 ..

점심시간, 출퇴근 시간에 책을 잡고 읽기 시작했다. 오늘은 약 일주일간 내 출퇴근 시간을 책임졌던 "개발자의 글쓰기"에 대한 내 생각, 중요한 것들을 정리해보려고 한다. http://www.yes24.com/Product/Goods/79378905?pid=123487&cosemkid=go15700131051712730&gclid=CjwKCAjwtp2bBhAGEiwAOZZTuBwSw0KSlvSlbWnW04wA_S8D6vRQ6Xu3FmKtCGert4btoog0XKMqFhoCbCcQAvD_BwE 개발자의 글쓰기 - YES24 오직 개발자를 위한 글쓰기의 모든 것을 담았다!이 책은 개발자의 글쓰기 능력을 종합적으로 향상하기 위한 책이다. 코드 안에서는 함수와 변수 이름을 짓는 것부터 주석 쓰는 법, 에러 메시지..

Ajax? Ajax(Asynchronous Javascript and XML) 란 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식을 말한다. Ajax는 브라우저에서 제공하는 Web API 인 XMLHttpRequest 객체를 기반으로 동작한다. XMLHttpRequest는 HTTP 비동기 통신을 위한 메서드와 프로퍼티를 제공한다. 이전 웹페이지는 완전한 HTML 을 서버로 부터 받아 웹 페이지 전체를 처음부터 다시 렌더링하는 방식으로 동작했다. 화면 전환시 웹 페이지 전체를 처음부터 다시 렌더링 했어야했던 것이다. Ajax 는 이런 전통적인 패러다임을 전환했다. JSON JSON.stringify ..