$ ls -lt posts/ | sed -n 221,235p
SY Tech Blog_
-
Javascript 30 - Day 7
Javascript30 Day7 Array Cardio Day 2 Array 자료형의 유용한 메서드를 공부한다. test data는 아래와 같다. Array.prototype.some() function을 인자로 받아 조건을 만족하는 원소가 Array에 적어도 하나 있는지를 bool 형식으로 반환한다. Is at lea…
[frontend] -
[Node.js] API 구현하기
API API : Application Programming Interface 프로그램은 여러가지 모듈을 이용해 만들어진다. 이러한 라이브러리를 만든 개발자와 이를 사용해 프로그램을 개발하는 개발자 간의 약속 을 바로 Interface 라고 부른다. 또한 애플리케이션 프로그램을 만들기 위해 만들어진 약속들을 API 라고…
[backend] -
[BOJ] 11724. 연결 요소의 개수
문제 방향 없는 그래프가 주어졌을 때, 연결 요소 (Connected Component)의 개수를 구하는 프로그램을 작성하시오. 입력 첫째 줄에 정점의 개수 N과 간선의 개수 M이 주어진다. (1 ≤ N ≤ 1,000, 0 ≤ M ≤ N×(N 1)/2) 둘째 줄부터 M개의 줄에 간선의 양 끝점 u와 v가 주어진다. (1…
[algorithms] -
[Node.js] 패키지 매니저와 PM2
패키지 매니저와 PM2 Node.js를 사용하다보면 다양한 모듈을 설치해 외부 기능을 사용해야 할 때가 많다. 다양한 패키지 매니저가 있는데 나는 을 주로 사용한다. npm npm을 사용하기 위해서는 패키지 정보를 기록하는 파일이 필요하다. 명령어를 입력하면 자동으로 이 만들어진다. npm으로 다른 사람이 만든 모듈을…
[backend] -
[Node.js] 동기 & 비동기
Synchronous & Asynchronous 동기 vs 비동기 ’동기’와 ’비동기’는 그 이름 그대로 동작한다. 동기적 작업 방식은 작업이 순차적으로 진행된다. A B C 가 호출이 되면, 각각의 작업이 하나씩 끝날 때 마다 다음 작업이 시작되는 것이다. 반면에 비동기적 작업 방식은 비동기적으로 동시에 작업이 진행된…
[backend] -
[Node.js] Node.js의 CRUD
fs module File System 파일을 읽고 쓰는데 필요한 많은 메서드가 포함되어있는 모듈이다. CRUD 프로그래밍에서 CRUD란 정보를 처리하는 4가지의 기본 기능을 말한다. CRUD를 할 수 있다는 것은 그 언어의 75%는 섭렵했다고 봐도 무방하다. C Create R Read U Update D Delete…
[backend] -
Javascript 30 - Day 6
Javascript30 Day6 Type Ahead fetch를 사용한 서버와의 비동기적 통신을 이용해 필요하 데이터를 불러와 웹페이지에 출력한다. 예제에 사용된 JSON data는 다음 endpoint의 도시별 인구수 데이터를 나타내는 endpoint가 사용된다. 이번에 만들 서비스는 입력한 영문자를 포함하고 있는 도…
[frontend] -
Javascript 30 - Day 5
Javascript30 Day5 Flex Panel Gallery Flex box를 다루는 방법을 공부한다. Flex flex 속성을 줄 경우 수직으로 정렬된다. 속성 : 모든 child element들이 주어진 컨테이너 공간을 모두 같은 너비로 나눠 쓰게 된다. 속성 : 해당 element가 나머지 element들 보…
[frontend] -
[Node.js] Node.js의 기본 기능
노드는 주로 서버 쪽 기능을 담당하는 자바스크립트 기반의 프로그래밍 언어이다. 이벤트 기반으로 동작하는 언어이므로 이벤트를 어떻게 처리하는지 잘 알아둬야 한다. 다른 서버 언어들과의 차이점 세상이 Node.js에 열광한 이유를 찾아보려면 Node.js가 나온 이유에 대해 알아야 한다. 간단히 말하면 HTML을 일일이 고…
[backend] -
Javascript 30 - Day 4
Javascript30 Day4 Array Cardio Day 1 Array 자료형에 내장된 여러 유용한 함수들을 사용하면, 일반 반복문으로 해결하던 작업들을 더 간단하게 수행할 수 있기 때문에 잘 활용하는게 좋다. 예제 Data 1. Array.proottype.filter() 지정된 filter function 조건…
[frontend] -
Javascript 30 - Day 3
Javascript30 Day3 CSS Variables css 속성을 웹 페이지에서 실시간으로 수정하는 기능을 자바스크립트로 구현했다. 여기서 쓰이는 가장 중요한 요소는 custom css, 사용자 지정 css 속성이다. Mozilla 설명 사용자 지정 css 정의: 접근: 사용하는 이유: 같은 속성값이 여러번 사용…
[frontend] -
Javascript 30 - Day 1
Javascript 30? Javascript30 위 링크에서 누구나 무료로 들을 수 있는 30여개의 자바스크립트 강의 동영상이다. 프로젝트를 몇가지 해봤지만 Node.js로 취업을 하기로 결심한 이상 자바스크립트를 좀 더 자유자재로 편하게 다룰 수 있어야 한다고 생각했다. 몇 달 전에 처음 발견하고, 학기가 끝나면 해…
[frontend] -
Github 블로그 Hexo로 만들기
Git Page로 블로그를 만들었다 이미 써오던 블로그에 글이 점점 많아져서 더욱더 열심히 쓰고 있었는데 아무리 봐도 <strong github.io</strong 도메인은 너무 멋이난다.. 결국 큰 결심을하고 프레임워크를 이용해 새로 만들기로 결정. 이참에 마크다운 문법이나 제대로 익혀놓으면 좋겠다는 생각도 했다. J…
[history] -
[BOJ] 7569. 토마토
문제 철수의 토마토 농장에서는 토마토를 보관하는 큰 창고를 가지고 있다. 토마토는 아래의 그림과 같이 격자모양 상자의 칸에 하나씩 넣은 다음, 상자들을 수직으로 쌓아 올려서 창고에 보관한다. 창고에 보관되는 토마토들 중에는 잘 익은 것도 있지만, 아직 익지 않은 토마토들도 있을 수 있다. 보관 후 하루가 지나면, 익은…
[algorithms] -
Flask + Nginx로 클라우드에 서비스 배포하기
ubuntu 18.04 환경에서 Flask앱 Nginx로 서비스하기 먼저 NHN TOAST 서버에서 인스턴스를 생성하고 플로팅 아이피를 설정해놓은 상태에서 진행하였다. 수많은 구글링을 해봤지만 버전에따라 명령어나 패키지 이름이 달라지는 경우가 있어 설정이 쉽지 않았다. 드디어 설정을 완료하여 글을 쓴다. 프로젝트 개발시…
[backend]