happy coding

인터페이스란, 상호간에 정의한 약속 혹은 규칙을 말한다.예를 들면) 객체의 속성과 그 타입, 함수의 매개변수 및 그 스펙, 배열과 객체를 접근하는 방식, 클래스 등 let person = { name: 'Capt', age: 28};function logAge(obj: { age: number }) { console.log(obj.age); // 28}logAge(person); // 28logAge()가 받는 매개변수 형태는 age를 속성으로 갖는 객체. interface personAge { age: number;}function logAge(obj: personAge) { console.log(obj.age);}let person = { name: 'Capt', age: 28 };logAge(p..

1. 불리언2. 숫자3. 문자열 (string) : 큰따옴표 또는 작은따옴표- 템플릿 문자열 : 여러 줄에 걸쳐 문자열 작성 또는 표현식 포함시키도록 하는데, 이 문자열은 백틱/백쿼트(`)으로 감싸지며, ${ expr }와 같은 형태로 표현식을 포함시킬 수 있다.let fullName: string = `Bob Bobbington`;let age: number = 37;let sentence: string = `Hello, my name is ${ fullName }. 4. 배열 (array) : 값들을 배열로 다룰 수 있도록 해준다.두 가지 방법 (1) 배열 요소들을 나타내는 타입 뒤에 [] 를 사용하는 것, (2) 제네릭 배열 타입을 사용하는 것이다. let list: number[] = [1, 2,..

라이브러리 읽는다는 게 어렵게 다가왔던 것 같아서 이번엔 운좋게 궁금한 걸 찾았다. ... 문법(?) spread Operator(펼침 연산자) 괄호를 제거해 주는 문법 -> 사용처 1. Array 합칠 때 var a = [1,2]; var b = [3,4]; var c = [...a, ...b]; console.log(c); // [1,2,3,4] 2. Array 복사할 때 // 위치 값을 복사했기 때문에 a를 수정하면 b도 같이 수정되는 문제 발생 var a = [1,2]; var b = a; // 값을 복사하는 방법 var a = [1,2,3]; var b = [[...a]]; 3. object를 합치거나 복사할 때 // object 복사 var o1 = { a : 1, b : 2 }; var o2..

1. 라이브러리 문서를 볼 때 뭐부터 봐야할지 모른다. 그래서 google에 대충 axios best practice를 검색했다. 그렇게 얻은 내용을 아래에 정리했다. Pros and Cons of Using Axios - pros : Simplicity, Backwards compatibility, Mature library with lots of features - cons : Too sophisticated for small apps, bloats bundle size, third party 2. config 기본값 config : configuration(환경 설정); 프로그램의 매개 변수나 초기 설정 등을 구성하는 데 사용하는 파일로 XML, JSON 로 저장되기도 한다. 전역 axios 기본값..

1. axios란 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트 > 동형(동일한 코드베이스로 브라우저와 node.js에서 실행이 가능하다.) 서버 사이드에서는 네이티브 node.js의 http 모듈을 사용하고, 클라이언트(브라우저)에서는 XMLHttpRequests를 사용한다. 2. axios 특징 브라우저를 위해 XMLHttpRequests 생성 node.js를 위해 http 요청 생성 Promise API를 지원 요청 및 응답 인터셉트 요청 및 응답 데이터 변환 요청 취소 JSON 데이터 자동 변환 XSRF를 막기위한 클라이언트 사이드 지원 3. CommonJS 사용법 const axios = require('axios').default; const axios = requir..

컴퓨터라는 것을 멀리서 보고 싶어서 "비전공자"를 위한 책을 골라봤다. 이 책에서 아는 것을 적어보고, 모르는 부분에 대해 알아보면서 읽어보려고 노력했다. 비전공자를 위한 이해할 수 있는 IT 지식 우리는 매일 스마트폰으로 메시지를 보내고, 컴퓨터로 일을 합니다. 또 음식점에서 키오스크로 주문하고, 가상현실에서 게임을 즐깁니다. IT는 더 이상 전문가들만의 이야기가 아닙니다. 우리의 삶 곳곳을 IT가 점령하고 있고, 그 속도는 계속해서 빨라지고 있습니다. 이제 IT를 모르고선 세상을 이해하기 어려운 시대가 되었습니다. 이 책은 비전공자를 위한 ‘IT 기초 문법서’로, 한 번쯤 들어봤을 프로그래밍 언어, 운영체제, 네트워크, API, JSON, 데이터베이스, 이미지 처리, 프레임워크, 라이브러리, 깃(Gi..

MariaDB는 오픈 소스 관계형 데이터베이스 관리 시스템(RDBMS)입니다. MySQL 데이터베이스의 분기 버전으로 시작되었으며, MySQL의 초기 개발자 중 한 명인 Michael "Monty" Widenius가 개발했습니다. MariaDB는 MySQL과 호환되도록 설계되었지만, 더 많은 기능과 개선된 성능을 제공하기 위해 노력하고 있습니다. 주요 특징과 정보: 오픈 소스: MariaDB는 오픈 소스 프로젝트로서 누구나 무료로 사용하고 개선할 수 있습니다. MySQL과의 호환성: MariaDB는 MySQL과 호환되도록 설계되어서 기존 MySQL 데이터베이스 및 애플리케이션을 비교적 쉽게 마이그레이션할 수 있습니다. 성능 개선: MariaDB는 다양한 성능 개선을 포함하고 있어, 높은 부하에서도 빠른 ..

스프링 부트 프로젝트를 만들 수 있는 사이트 : Spring Initalizr 에 접속해보기 https://start.spring.io/ 여기서 Java를 이용한 프로젝트를 구성할 것이기 때문에 Gradle-Groovy 선택한다. 이런 형식으로 설정한 뒤 explore로 중간 중간 봐주면서 generate한다. 어케어케 설치는 된 듯 https://hel-p.tistory.com/25 참고한 블로그 [Spring Boot] 2. 나의 첫 스프링 부트 프로젝트 시작하기! 안녕하세요! 이젠 조금 더 실전으로 나가볼까 합니다. 바로 스프링 부트 프로젝트를 만드는 날입니다!! 프레임워크는 똑똑한 사람들이 만들어놓은 프로젝트 틀이 있다고 했잖아요? 그래서 우리 hel-p.tistory.com https://bac..