$ ls -lt posts/ | sed -n 181,200p
SY Tech Blog_
-
[css] @media을 사용하는 반응형 웹
반응형 웹 페이지 css 속성에서 자주 보던 속성이다. 태블릿이나 휴대폰 등 다양한 크기의 디바이스에서 웹에 접속하는 트렌드에 맞게, 웹페이지 또한 어느 기기에서나 올바르게 출력될 수 있도록 설정해두는 것이 중요하다. @media 다양한 미디어 유형이나 장치에 따라 서로 다른 스타일 규칙을 적용시킨다. 문법 예시 med…
[frontend] -
[BOJ] 14502. 연구소
연구소 문제 링크 문제 인체에 치명적인 바이러스를 연구하던 연구소에서 바이러스가 유출되었다. 다행히 바이러스는 아직 퍼지지 않았고, 바이러스의 확산을 막기 위해서 연구소에 벽을 세우려고 한다. 연구소는 크기가 N×M인 직사각형으로 나타낼 수 있으며, 직사각형은 1×1 크기의 정사각형으로 나누어져 있다. 연구소는 빈 칸,…
[algorithms] -
[BOJ] 18428. 감시피하기
문제 링크 문제 NxN 크기의 복도가 있다. 복도는 1x1 크기의 칸으로 나누어지며, 특정한 위치에는 선생님, 학생, 혹은 장애물이 위치할 수 있다. 현재 몇 명의 학생들은 수업시간에 몰래 복도로 빠져나왔는데, 복도로 빠져나온 학생들은 선생님의 감시에 들키지 않는 것이 목표이다. 각 선생님들은 자신의 위치에서 상, 하,…
[algorithms] -
[BOJ]18352. 특정 거리의 도시 찾기
문제 링크 문제 어떤 나라에는 1번부터 N번까지의 도시와 M개의 단방향 도로가 존재한다. 모든 도로의 거리는 1이다. 이 때 특정한 도시 X로부터 출발하여 도달할 수 있는 모든 도시 중에서, 최단 거리가 정확히 K인 모든 도시들의 번호를 출력하는 프로그램을 작성하시오. 또한 출발 도시 X에서 출발 도시 X로 가는 최단…
[algorithms] -
AWS ubuntu18.04 FTP 설치하기
파일관리를 좀 더 편하게 하기위해 FTP를 설정했다. 인스턴스를 만들 때 마다 필요하기 때문에 설정방법을 알아두면 편하다. vsftpd 설치 vsftpd는 ubuntu의 기본 ftp 설치 패키지다. 패키지 관리자 을 업데이트 해주고 를 설치한다. 설치된 vsftpd를 재실행시키고 ubuntu가 실행될 때마다 함께 실행되…
[backend] -
Flask앱 AWS로 배포하기
도커를 사용해 간편하게 배포한다. 서버 세팅을 직접 하는 방법은 [’[FLASK] FLASK와 NGINX 클라우드 서비스 구동하기’](https://studyeong.blogspot.com/2020/02/flask flask nginx.html) 예전에 블로그에 정리해놓았다. 준비 사항 프로젝트 코드가 AWS 인스턴스…
[backend] -
AWS 시작하기
AWS 계정 만들기 AWS 계정을 만드는 것은 간단하다. AWS Console로 이동하여 회원가입하고, 클라우드 서비스는 비용이 나가는 서비스이기 때문에 billing info또한 작성해야 한다. 클라우드 서버를 통해 작업하는 것은 보안이 철저해야 한다. AWS 에도 다양한 상품이 존재하고, 상품에 따라서 눈깜빡할 사이…
[backend] -
클라우드 컴퓨팅
클라우드 컴퓨팅이라는 단어는 사실 굉장히 넓은 범위를 포함하고 있다. 2000년대 초 부터 많이 사용되기 시작한 단어로, 구름 위에 있는 보이지 않는 컴퓨터 자원을 사용해 작업한다는 뜻이다. 대부분의 작업을 온라인에 분산되어 존재하는 데이터 센터(=클라우드)에 맡겨 수행하고, 사용자의 컴퓨터는 클라우드에 접속하여 상호작…
[backend] -
인터넷 기초
IP 인터넷에 연결되어있는 장치들을 식별할 수 있는 주소 IP : Internet Porocol 예) 192.168.0.1 도메인(domain) IP는 사람이 이해하고 기억하기 어렵기 때문에 이를 위해 각 IP에 이름(=도메인)을 부여하여 알아보기 쉽게 함 naver.com 220.95.233.172 daum.net 1…
[backend] -
[BOJ] 3190. 뱀
3190. 뱀 문제 링크 문제 ’Dummy’ 라는 도스게임이 있다. 이 게임에는 뱀이 나와서 기어다니는데, 사과를 먹으면 뱀 길이가 늘어난다. 뱀이 이리저리 기어다니다가 벽 또는 자기자신의 몸과 부딪히면 게임이 끝난다. 게임은 NxN 정사각 보드위에서 진행되고, 몇몇 칸에는 사과가 놓여져 있다. 보드의 상하좌우 끝에 벽…
[algorithms] -
[css] position 속성
:rotating light:CSS 속성을 정리한 자료입니다. CSS 배치 HTML 엘리먼트의 위치를 설정하는 속성이다. position 요소의 위치 지정 방법의 기준을 설정한다. : 기본값. 배치 불가능 : 요소 자신을 기준으로 배치 : 위치 상 부모 요소를 기준으로 배치 : 브라우저를 기준으로 배치 : 스크롤 영역…
[frontend] -
[css] flex
:rotating light:CSS Flex완벽 가이드정리 내용입니다. 는 html요소의 수평 배열을 아주아주 간단하게 구현해주는 속성이다. 이전에는 를 사용하거나 으로 바꿔서 사용하는 등 조금 억지스러운 방식으로 구현했다면, 는 매우 간편하고 자연스럽게 수평 구조를 만들어준다. flex는 와 들로 구성되어있다. 이 구…
[frontend] -
CSS 복합 선택자
CSS 복합 선택자 Basic Combinator E 와 F를 동시에 만족하는 요소를 선택한다. 이면서 class인 요소를 선택한다. Child Combinator E의 자식 요소 F를 선택한다. 의 자식 요소 중 class가 orange인 요소를 선택한다. Descendant Combinator E의 하위 요소 F를…
[frontend] -
[Node.js] 에러페이지 핸들링
에러페이지 핸들링 Node.js의 Express 에서 에러 처리를 하려면 어떡헤 해야 할까? 아래의 방식이 내가 주로 사용하던 에러 핸들링 방식이다. , 를 사용해 에러처리를 하고 있다. 하지만 만약 엔드포인트가 계속해서 많아진다면? 에러 처리를 위해 반복 작성되는 코드가 매우 많아질 것이다. Express는 이를 방지…
[backend] -
[Node.js] Global Variable
전역 변수 설정하기 서비스의 전체 페이지에서 접근해야 하는 변수들이 있다. 예를 들면, 사용자가 로그인한 상태를 나타내는 bool type의 같은 변수가 그렇다. 이런 값들을 전역 변수로 설정하지 않는다면, 다음 요청을 진행할 때 마다 계속해서 값을 전달해야하고 (내 예전 프로젝트 처럼..) 이는 정말정말 비효율적이고…
[backend] -
[Node.js] POST 처리하기
body parser http 연결에서 클라이언트는 get과 post 방식으로 서버에 요청을 보낼 수 있다. get 방식은 정보를 조회할때 사용되는데, 이미 으로 앞에서도 많이 사용한 적이 있다. post 요청을 처리하는 메서드는 가 있다. get과 비슷한 방식으로 처리한다. post는 html DOM의 form을 통해…
[backend] -
[Node.js] Nunjucks
View Engine Nunjucks Node.js로 응답 페이지를 구성하는 방법은 여러가지가 있다. 그 중 하나는 아래 코드처럼 로 html을 하나씩 써주는것이다. 이렇게 한줄씩 쓸 수는 있지만 모든 작업을 이렇게 한다고 생각하면 정말 막막할 것이다. 이를 대신해서 쓸 수 있는 방법이, 데이터 처리 로직 부분 과 화면…
[backend] -
[Node.js] Routing과 Middleware
Routing Node.js의 는 전역 변수이다. 이 변수를 사용해 Express 프로젝트 또한 모듈화로 깔끔하게 관리할 수 있다. ( 라는 전역 변수도 존재하는데 와는 다른 개념이니 혼동해서는 안된다) Routing 이라는 용어 자체의 넓은 의미는 ’어떤 네트워크 안에서 통신 데이터를 보낼 때 최적의 경로를 선택하는…
[backend] -
[Node.js] Express.js
Express.js Express란? Node.js로 개발을 할 때 가장 많이 사용되는 웹 프레임워크이다. 2020 Node.js popular web framework statistics 웹 프레임워크 란 웹 서비스를 개발하기 위해 사용되는, 그 이름 그대로 틀 이다. 프레임워크 없이도 개발을 할 수는 있지만 프레임워…
[backend] -
[프로그래머스] Lock and key
문제 링크 구현 문제이다. 문제에서 요구하는 조건을 잘 파악해 모두 구현하면 풀어낼 수 있다. 문제 고고학자인 튜브는 고대 유적지에서 보물과 유적이 가득할 것으로 추정되는 비밀의 문을 발견하였습니다. 그런데 문을 열려고 살펴보니 특이한 형태의 자물쇠로 잠겨 있었고 문 앞에는 특이한 형태의 열쇠와 함께 자물쇠를 푸는 방법…
[algorithms]