카테고리 전체 보기
-
가상호스팅으로 아파치 서브도메인 포트별로 연결하는 방법소소한 IT 이야기 2018. 10. 28. 17:27
이번 포스팅에서는 아파치를 이미 설치해둔 상황에서 서브도메인들을 포트별로 연결하여 실제 웹상에서는 포트가 노출되지 않도록 하는 가상호스트 기능에 대해서 알아보도록 하겠다. 나의 경우에는 이 기능이 필요해졌던 이유가 라즈베리파이에 전에 아파치와 PHP를 설치해두고 방치를 해둔 상황이였는데, 최근에 NodeJS와 React, Express 프레임워크들을 공부하면서 실서버로 올려야할 필요성을 느꼈기 때문이다. 원래는 Heroku NodeJS Free 서버를 사용하고 있었는데 장시간 접속이 없을시에 초기 접속시간이 너무너무 오래 걸려 아무리 테스트용도나, 내 개인 용도의 포트폴리오 사이트를 업로드 한다고 가정하더라도 퍼포먼스 면에서 안좋은 평가를 받을수 있으리라 생각했기때문이다. 우선 내 라즈베리파이 서버의 서..
-
유다시티 프론트앤드 개발자 나노학위 과정 종료 및 후기소소한 IT 이야기 2018. 10. 22. 12:31
드디어 Udacity 프론트앤드 개발자 나노학위 과정을 끝냈다. 과정 도중도중마다 우여곡절도 많았고 어쩌다보니 시간도 많이 늦춰졌지만 과정 자체를 끝냈다는 마음에 아쉬움이 느껴지는 동시에 이제 무엇을 해야할것인가에 대한 고민을 하다 포트폴리오 사이트 프로젝트도 하나 진행했다. 나노학위 과정을 무사히 진행하여 종료한 사람들에게는 아래와 같이 멋있는 수료증이 발급된다. 아래의 수료증은 링크로도 접속이 가능하여 진위 여부를 확인가능하다. 과정을 수료하고나니 Udacity 나노학위 졸업자들 모임의 Slack에 초대되어 활동하고 있는데 초급 개발자들의 고민들이나 전세계 개발자들의 생각이나 이런저런 이야기들을 읽다보면 상당히 재미가 있다. 우선 프로그램의 후기에 대해서 후기를 남겨볼까한다. 원래는 한달에 199달러..
-
Github README.md 작성법MOOC/udacity 2018. 8. 7. 00:36
이 강의는 Udacity에서 무료로 제공하는 Writing READMEs 강좌를 요약한 내용입니다. README 파일은 어떤 사람들을 위해 존재하는가? 1. 나2. 직장동료3. 프로그램 사용자 일반적으로 README 파일은 영어로 작성되는데 README 파일을 읽어보는 사람들이 읽고 해석할수 있어야하므로 가장 무난한 영어로 작성한다. 내가 작성한 프로젝트일지라도 기간이 지나면 어떤 목적으로 이 프로그램을 개발하였는지 기억하지 못할 확률이 높아진다. README 파일은 이런 불상사를 막기위함이다. README 파일이 작성되어있지 않을경우에 개발자들이 사용하지 않을 확률이 매우높다. 이미 작성된 README 파일들을 살펴보며 구성요소들을 알아보자 README #1 - factory_girlREADME #2 ..
-
[CSS Grid] 2. Hello World CSS Grid프로그래밍/HTML5 Web 2018. 7. 14. 17:31
코스이름은 Your First Grid 인데 너의 첫 그리드 라고 제목짓긴 좀 그래서 그냥 Hello World라고 지었다. 이번 강의는 매우 심플하다. Grid을 사용해서 행과 열 모양을 만드는 강좌이다. .container{ display: grid; grid-template-columns: 100px auto; grid-template-rows: 50px 50px 200px; grid-gap: 3px; } 1 2 3 4 5 6 아래와 같은 코드인데 완성시키면 아래와 같은 모양으로 완성이 된다. 일단 내가 이해한바로는 display 값에서 grid를 사용하겠다고 선언하고, 행과 열에서 px을 지정해주는데 auto의 경우에는 남는 비율을 전부 차지하는것 같았다. grid-gap의 경우에는 사이의 빈공간..
-
[CSS Grid] 1. 코스 소개프로그래밍/HTML5 Web 2018. 7. 14. 17:14
CSS Grid을 공부해야하는 이유는 무엇인가? 1. 2차원의 레이아웃을 쉽게 개발이 가능하다2. 간단한 마크업3. 유연함4. 프레임워크 스킵5. 브라우저 지원 이러한 장점들이 있다고한다. 나는 개인적으로 다른 부분은 모르겠고 어떤 프레임워크를 추가하지 않다고 된다는 점에 끌렸다. 일단 코드를 살펴보자 CSS GRID HEADER MENU CONTENT FOOTER BOOTSTRAP HEADER MENU CONTENT FOOTER CSS Grid을 사용한 방법과 Bootstrap을 사용한 예제를 보여주고있다. 설명하길 CSS Grid보다 Bootstrap에서의 클래스 네임이 훨씬 더 지저분하고 알아보기 어렵다고 설명하고 있다. 참고로 결과물은 동일하다. 이제 본격적으로 CSS Grid에 대해서 알아보도록..
-
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로 모양 만드는 방법이 추천되는것같던데 나중에..
-
XE로 게임 서버 대여 서비스 개발 및 운영 시작생활 이야기 2018. 7. 12. 16:22
무엇인가를 개발한다면 의미가 있어야 한다는 강박 관념에 아이디어를 짜내보지만 생각이 잘 나질 않았다. 그래서 답답한 마음에 IT 커뮤니티에 개발자로서의 미래는 어떻게 나아가야하며 포트폴리오로는 어떠한 것들이 좋을까? 에 대한 조언을 구하였다. 대부분의 웹사이트들은 CRUD, 즉 Create, Read, Update, Delete 를 기반으로 개발되어있다. 그 속에서 어떤일이 발생하든 방법론의 차이지 CRUD에서 벗어나는 기능은 찾기 힘들다는 의미이다. 생활코딩에서 Nodejs, Express 강좌를 들으면서 아주 기본적인 CRUD 앱을 개발하여보고 회원가입, 보안, 세션등의 기능들도 살펴보았었는데 기본적으로 CRUD에 살을 붙인다는 의미가 강했다. 물론 그걸 다 고려하면서 CRUD 앱을 개발하기에는 상당..