IT 지식
-
[TIL] 스키마에 대한 정리IT 지식 2020. 11. 29. 18:08
이번주 node 수업을 들으면서 처음 들어본 개념이 있었습니다. 바로 스키마 라는 것이었는데요, 저를 제외한 다른 분들은 스키마에 대한 개념을 알고 들으시는 듯 했지만, 저는 잘 모르는 개념이었기에 이렇게 한 번 정리를 해야 다른 백엔드 수업을 들을 때, 어려워하지 않겠구나 라는 생각이 들어 이번 포스팅의 주제로 선정하기로 했습니다. 1. 스키마란? 스키마를 한마디로 정의한다면 '데이터베이스의 구조와 제약조건에 대한 전반적인 명세를 기술한 것'이라고 할 수 있습니다. 이를 좀 더 자세하게 풀이한다면, 개체의 특성을 나타내는 속성(attribute)과 속성들의 집합으로 이루어진 개체(entity), 개체 사이에 존재하는 관계에 대한 정의와 이들이 유지해야할 제약 조건들에 대해 기술한 것이라고 할 수 있습니..
-
[TIL] Date 객체에 대해 알아보자IT 지식 2020. 11. 29. 16:07
제가 요즘 진행하고 있는 프로젝트에서 스탑워치를 만들어야 하는 일이 생겼습니다. 그래서 그 방법을 공부하던 중 자바스크립트의 Date 객체를 알게 되어 이에 대해 정리할 겸 이번 포스팅을 작성하게 되었습니다(후에 스탑워치 코드에 대해 서 포스팅 할 예정입니다). 1. Date 객체 Date 생성자는 시간의 특정 지점을 나타내는 Date 객체를 생성합니다. Date 객체는 1970년 1월 1일 UTC(국제표준시) 00:00으로부터 지난 시간을 밀리초로 나타내는 유닉스 타임스탬프를 사용합니다. // 출처: MDN(https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date) Date 객체는 위의 설명처럼 시간의 특정 지점..
-
[TIL] axios 사용법IT 지식 2020. 11. 29. 14:45
오늘은 브라우저와 node를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리 axios의 사용법에 대해 알아보도록 하겠습니다. 1. Axios는 무엇인가요?? axios는 앞서 말씀드렸던 것처럼 브라우저와 node를 위한 비동기 통신 라이브러리입니다. axios를 활용하기 전에는 주로 fetch함수를 통해 백엔드와 통신을 했었는데요, axios의 등장 이후로는 axios를 활용한 통신이 주를 이루고 있다고 합니다. 제가 주로 사용하는 react 뿐만 아니라 vue를 비롯한 다양한 UI 라이브러리에서도 axios를 활용한 백엔드 통신을 많이 활용한다고 합니다. 2. axios의 특징 1) 운영 환경에 따른 유연성 앞서 말씀드렸다시피 axios는 브라우저 또는 node를 위한 비동기 통..
-
[what is?] node.js 가 뭔가요?IT 지식 2020. 11. 22. 14:11
오늘의 포스팅은 요즘 핫한 언어 중의 하나인 자바스크립트, 그중에서도 자바스크립트를 기반으로 한 플랫폼인 node.js에 대해 알아보는 시간을 가지도록 하겠습니다. 1. node? 처음 들어보는데요? node의 출현에 대해 이야기하자면 자바스크립트에 대한 이야기가 필요합니다. 자바스크립트는 원래 브라우저에서만 작동하는 언어였습니다. 제어할 수 있는 대상이 웹에 한정되어 있다 보니, 그 시대 웹 개발자들은 많이 무시받기 일쑤였다고 합니다. 그러던 중 2008년 구글이 크롬 웹브라우저에서 자바스크립트의 성능을 개선하기 위한 V8엔진을 개발하게 된 것입니다. node.js의 창시자인 Ryan Dahl은 이 V8을 활용하여 웹에서 뿐만이 아니라 컴퓨터 자체를 제어할 수 있는 node.js를 개발하게 됩니다. 이..
-
[TIL] Day 33. 비동기 처리와 콜백함수IT 지식 2020. 11. 20. 19:54
이번에 새롭게 노드를 공부하게 되었습니다. 그런데 노드를 공부하기에 앞서 promise에 대한 개념이 필요하다고 하더군요. 그래서 promise에 대해 공부하려고 보니, 이번엔 사전 지식으로 비동기 처리와 콜백함수에 대한 개념이 필요하다는 것을 알게 되었습니다(개발의 세계는 끝이 없어라...). 그래서 오늘은 제가 공부한 비동기 처리와 콜백함수에 대한 개념을 정리해보는 시간을 가져보도록 하겠습니다. 1. 비동기 처리가 뭔가요? 비동기 처리란 특정 코드의 실행이 끝날 때까지 다른 코드들이 대기하며 기다리는 것이 아니라, 계속해서 코드를 읽어 나가며 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미합니다. console.log('1') console.log('2') consol..
-
[TIL] Day 32. export default의 의미에 대해IT 지식 2020. 11. 17. 11:36
우리가 react로 코딩을 하다보면 많은 경우에 우리가 쓴 코드를 다른 코드에서 활용하기 위해 import 해오는 경우가 많습니다. 우리가 다른 파일을 import 해오기 위해선 해당 js 파일에서 export를 해주는 것이 중요합니다. 그때 코드의 마지줄에 'export default' 라는 단어를 붙이는 경우가 많습니다. 지금까지는 그냥 아무생각 없이 써왔지만, 오늘 문득 왜 그런 단어를 붙이는지 궁금해졌습니다. 그래서 오늘 포스팅은 이에 대한 얘기를 해보려고 합니다. 1. export 우리는 꼭 default 라는 단어를 export 앞에 붙이지 않아도 코드를 다른 곳으로 보내 활용할 수 있습니다. const hello = "Hello World!" export {hello}; 이런 식으로 코드를 ..
-
[TIL] Day 31. git rebase 하는 법IT 지식 2020. 11. 15. 13:28
안녕하세요 오늘은 저번에 다루었던 git 기능 중 하나인 git rebase를 하는 법에 대해 알아보도록 하겠습니다. 거창한 내용이 아닌만큼 오늘 포스팅은 다른 포스팅에 비해 조금은 양이 적을 수도 있겠네요 1. git rebase란? git rebase는 git의 commit log를 관리하는 명령어 입니다. 지난 시간에 git commit log를 통해 작업 내역을 관리할 수 있다고 말씀드렸었는데요. git rebase라는 명령어는 이런 git의 commit log를 수정하고 축약할 수 있는 명령어입니다. git log는 파일이나 폴더 이름 바꾸듯 바꿀 수 있는 것이 아니라서 이러한 명령어를 터미널에 입력해야 수정할 수 있습니다. 2. how to rabase? 1) git add . 현재 작업중인 ..
-
[what is?] git이 뭔가요?IT 지식 2020. 11. 15. 10:39
코딩을 하다보면 내가 한 코딩에 대한 기록을 남겨야 할 필요성이 느껴지게 됩니다. 내가 어떤 작업을 했는지부터 시작하여, 내가 쓴 코딩을 다른 어딘가에 백업하고 싶다는 등의 느낌 말이죠. 이런 필요성은 혼자 할 때보다 협업을 하게 되면 더 크게 다가오게 되는데요, 오늘은 전세계 개발자들이 애용하는 코드 백업 툴이자 협업 툴인 git에 대해 알아보는 시간을 가져보도록 하겠습니다. 1. git? 처음 들어봐요. 깃(Git /ɡɪt)은 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템이다. 소프트웨어 개발에서 소스 코드 관리에 주로 사용되지만 어떠한 집합의 파일의 변경사항을 지속적으로 추적하기 위해 사용될 수 있다.(from 위키백과) git..