프로그래밍
-
CSS Grid 공부를 시작하며프로그래밍/HTML5 Web 2018. 7. 14. 16:49
프로젝트를 진행하면서 항상 진행을 방해하던것이 CSS이다. 그렇다고 기본 개념을 모르고 있는건 아닌데 항상 제대로 레이아웃을 구성하고 뭔가 제대로 ? 멋있게 만들어보려하면 굉장히 머리아프게 만들어서 포기하게 만드는 놈인것같다. 그래서 부트스트랩을 공부할까 레이아웃을 짜는 법을 공부해보려고 알아보던 도중에 해외에서 아주 좋은 자료를 발견하였다. https://scrimba.com/g/gR8PTE 여기로 접속하면 되는데 CSS Grid에 대해서 아주 상세하게 무료로 알려주고 있다. 단점이라면 영어인 부분이 있긴하지만 개발자에게 영어는 필수이기에 ㅎㅎ.. CSS Grid가 무엇인가에 대해서 좀 찾아보았더니 아주 신세대? 기술로서 앞으로는 아주아주 잘 활용될 것이라는 어떤 블로거 분의 글이 있어서 이번 기회에 ..
-
[Express] NodeJS CRUD 애플리케이션 개발프로그래밍/NodeJS 2018. 7. 13. 13:57
어찌되었건 소프트웨어의 대부분의 구조는 CRUD 구조라는것은 무시할수가 없는 부분이고 이걸 제대로 만들기는 쉽지 않다는 것을 알고 있다. 예로들어 단순한 한 페이지의 CRUD 기능을 가진 웹 앱은 개발하기가 어렵지 않다. 예제도 많고 자료들도 널려있기 때문이다. 다만 여기에 여러가지 기능이 삽입되고 복잡도가 높아질수록 처음부터 설계를 잘해야한다는 생각이 들게된다. 저번에도 Zzapcord를 만들때 이리저리해서 모양은 어~ 비슷하게 만들어졌네? 라고 생각했는데 추가 개발이 들어가려고 하니 설계를 잘못해서 다 엎어야하는 상황이 발생했었다. 게다가 내가 PUG 탬플릿 엔진을 잘 다루지 못하고 CSS에 약해서 ㅠㅠ 디자인에 너무나 많은 시간을 투자해버렸었다. Flex로 모양 만드는 방법이 추천되는것같던데 나중에..
-
Express Generator를 활용하여 Express 기본 앱 틀 생성하기프로그래밍/NodeJS 2018. 7. 10. 21:15
NodeJS 강좌를 들으면서 빼놓을수 없는것이 Express가 아닐까 생각한다. 이유로는 오픈되어있는 무료 강의중 하나인 생활코딩 강좌에서 NodeJS 수업을 하면서 빼놓지 않는것이 Express이기 때문이다. NodeJS의 플랫폼은 여러가지인것같지만 아직까지 그 차이점은 잘 모르겠다. Express 강좌를 듣기전에는 Inflearn에서 제공하는 React 강좌를 보았었고 생활코딩의 Node 구버전 강좌를 들어보면서도 Express를 통하여 CRUD 앱 및 보안, 로그인 기능을 구현해보았었다. 뭔가 나와 잘맞아서 개인 프로젝트를 진행해보기도 했었지만 생각보다 앱의 규모가 커짐에 따라 유지보수가 너무나 힘들어서 내버려두었다.. 한창 Discord가 유명할때 디스코드와 똑같이 구현해보겠다고 진행한 프로젝트인..
-
알고리즘 학습을 위한 준비프로그래밍/알고리즘 실무 2018. 4. 24. 14:33
* 컴퓨터 프로그램- 사람들의 문제를 해결하고 돕기 위한 도구로서의 프로그램- 컴퓨터는 S/W와 H/W의 두 요소로 구성됨- S/W는 응용프로그램과 운영체제로 분류됨- 프로그램은 명령어와 데이터의 집합(0,1)임 * 알고리즘- 프로그램의 핵심은 문제 해결임- 알고리즘은 문제를 해결하는 방법의 절차 - Data(자료) - 자료구조- Instruction(명령어) - 알고리즘- 서로 종속적 * 알고리즘과 자료구조- 자료구조는 자료의 구성, 조직임- 알고리즘은 문제를 해결하는 방법의 절차- 알고리즘이 프로그래밍 코드로 표현되면 문제를 해결하기 위한 명령어들의 절차로 표현 * 프로그램의 핵심요소- 자료구조- 알고리즘- 프로그램 구조(설계) * 좋은 프로그램이란?- 생산성이 높음- 유지보수성- 수정- 확장성 * ..
-
[네트워크] 최단 경로 우선 프로토콜 OSPF (Open Shortest Path First)프로그래밍/컴퓨터 공학 2017. 11. 29. 13:55
# OSPF- Open Shortest Path First- Link State 알고리즘을 사용하는 대표적인 라우팅 프로토콜임- 개방형 표준이고, 클래스리스 라우팅 프로토콜임- RIP을 보완하기 위하여 개발됨 # OSPF의 동작 과정- Link : Rounter Interfaes- State : 인터페이스에 대한 설명과 이웃 라우터들과의 관계 (description of an interface and its relationship to neighboringrouters)- IP주소, 서브넷 마스크, 연결된 네트워크 종류 및 라우터 등 # OSPF의 동작 단계- 1단계 네이버(Neighbor) 관계 형성 : OSPF 라우터는 먼저 헬로 패킷을 교환하여 네이버(Neighbor) 관계를 형성함- 2단계 LSD..
-
[Node.js 5강] Express 템플릿 엔진 Pug (Jade) Express-Template Engine Pug프로그래밍/NodeJS 2017. 11. 28. 16:17
본 강의는 생활코딩 강좌를 바탕으로 복습하며 진행되는 코드들을 재구성한것입니다. 일부 코드들의 경우 호환성의 이유로 원본의 강좌와 다를수 있음을 알려드립니다.NodeJS 6.11.0 LTS, Express 4.X 버전에서 완벽하게 작동하는것을 확인하였습니다. 이번 강좌에서는 Pug (구 Jade)을 사용하여 Express 앱내에서 웹페이지를 구현하지 않고 따로 탬플릿 엔진을 사용하여 구현하는 방법에 대해서 알아보도록 하겠습니다. 이 강좌를 진행하기 전에 NPM으로 pug 모듈을 설치해주셔야합니다. 생활코딩 강좌의 경우 Jade 기준으로 작성되어있지만 저작권 문제로 Jade가 Pug로 변경됨에 따라 NPM에서도 pug 모듈을 사용해주셔야 정상적인 값이 반영됩니다. 우선 전체적인 코드를 살펴봅시다.새로 추가..
-
[Node.js 4강] Express로 웹페이지를 표현하는 방법 How to Express Web Pages with Express프로그래밍/NodeJS 2017. 11. 28. 15:10
본 강의는 생활코딩 강좌를 바탕으로 복습하며 진행되는 코드들을 재구성한것입니다. 일부 코드들의 경우 호환성의 이유로 원본의 강좌와 다를수 있음을 알려드립니다.NodeJS 6.11.0 LTS, Express 4.X 버전에서 완벽하게 작동하는것을 확인하였습니다. 이번 강의에서는 Express 프레임워크에서 웹페이지를 구현하는 방법론에 대해서 알아보도록 하겠습니다. 프로그래밍이라는것이 그렇듯이 이렇게 구현하는 것이 답이라는 것은 아닙니다. 다만 코드의 가독성을 위해서 최대한 간결하고 읽기 쉬운 코드를 작성하는것이 좋은데 이를 위해서는 프레임워크 단위에서 제공되는 각종 기능들을 잘 활용하는것이 중요하다고 생각합니다. Express로 웹페이지를 제공하는 방법은 여러가지가 있지만 지난 2~3강에서 구현했던 방식의 ..
-
[Node.js 3강] Express 정적파일 서비스 Express How to serve static files프로그래밍/NodeJS 2017. 11. 28. 14:41
본 강의는 생활코딩 강좌를 바탕으로 복습하며 진행되는 코드들을 재구성한것입니다. 일부 코드들의 경우 호환성의 이유로 원본의 강좌와 다를수 있음을 알려드립니다.NodeJS 6.11.0 LTS, Express 4.X 버전에서 완벽하게 작동하는것을 확인하였습니다. 2강의 내용과 비슷합니다. 다만 Express의 정적파일을 다루는 기능을 포함하고 있기에 하위강좌로 분류되지 않을까 생각됩니다. 이 강좌의 코드는 생활코딩과는 일부 다른점이 있습니다. Node 버전과 Express 버전이 업데이트되면서 발생되는 문제가 아닐까 싶은데 코드를 살펴보면서 확인하여봅시다. 전체적인 코드는 아래와 같습니다. 2강에서처럼 각자 라우팅 경로를 정해주고 있지만 path라는 모듈과 app.use(express.static(path...