Play Ground

node.js에 대해서 쌩판 모르다 보니 설치부터 난관에 봉착했다.먼저 나는 맥환경에서 작업하였음을 참고하고node.js는 https://nodejs.org/en/ 에서 pc환경에 맞게 다운받았다. 1. 터미널을 켜서 sudo npm install -g express-generator 또는 npm install express 를 친다-g 옵션이 어느 폴더에서나 사용가능하게 하는 것 같고express-generator를 쓴 이유는express만 치니 자꾸 express를 못찾는단다 주륵 (에러내용 -> -bash: express: command not found)sudo 패스워드는 아시다시피 맥 패스워드(아이클라우드 패스워드) 2. 작업할 폴더로 들어가서 (cd 폴더이름 -> ex)) cd test) ex..

나는 대학생 개발자이다.대학생들은 동아리, 멤버십프로그램이 아니면 제대로된 팀 프로젝트 경험을 쌓기 어렵다고 생각한다.왜냐, 학교 팀프로젝트에서는 수많은 버스기사들과 추노가 필연적으로 존재하기 때문이다.나도 수많은 버스기사들 중 한명이었다. 분명히 버스기사로써 이득은 많이 봤다.for문, if문밖에 몰랐던 내가 이제는 아주아주 간단한 게임정도는 짤 수 있게 되었다.하지만 나는 앞으로 사회생활을 같이할 내 또래들과 제대로 팀플을 경험해보고 싶었다. 개발로 대외활동을 찾기란 쉽지 않았다.MS MSP, 삼성소프트웨어멤버십, 그리고 내가 활동하고있는 sGenClub먼저 삼성소멤을 매우매우 정말정말 하고싶었다.근데 다 합격하고 활동해도 조건 충족이 안되면 잘린다는 소리를 들었다.물론 건너건너 들은거라 정확하지 않..

불과 한달전에 ppk연결을 해봤는데도 불구하고 내가 빠가인건가 또 헤맸다그래서 이번엔 블로그에 정리하고 두고두고 보려 한다. sublimetext에 sidebar(View -> side bar -> show side bar)를 열고요 사이드바에 sftp 연결할 폴더를 끌어다가 놓은 후 위처럼 오른쪽 클릭 후 SFTP/FTP -> Map to Remote를 클릭한다. 그럼 위와 같은 코드가 촤르르륵 나오는데저기 하이라이팅 되어있는 부분만 바꾸면 된다cafe24와 같은 데선 비밀번호도 같이 입력해야 했었는데 아마존 sftp는 비밀번호 없이 호스팅주소랑 아이디만 있으면 된다. host에는 ip주소 또는 호스팅 주소user에는 아이디remote_path에는 연결하고나면 시작할 폴더ssh_key_file은 ppk..

톰캣도 APMSETUP과 마찬가지로폴더 바꾸고 포트 열어주는 방법이다 Tomcat 설정방법 ※ 톰캣을 설치할 때에는 jdk와 톰캣 둘다 설치해야함 1.C:\Program Files (x86)\Apache Software Foundation\Tomcat 6.0\conf에 카탈리나 폴더를 복사, 붙여넣기로 만들어서 폴더명을 프로젝트 이름으로 바꾸고localhost 폴더 안에 ROOT.xml 파일을 넣어줌ROOT.xml (전체)2.C:\Program Files (x86)\Apache Software Foundation\Tomcat 6.0\conf\server.xml이 파일에서 를 복사하고service name과 engine name에는 프로젝트 이름(1번에서 만든 폴더이름)을 적어주고port에는 8080, 8..

APM SETUP설치 후 htdocs폴더가 아닌 다른 폴더로 연결하기 위해 설정하는 방법이다요것도 구글 드라이브에 저장해놓고 썩히고 있었는데 아까우니 여기에 정리하는걸로! APM Setup 설정방법 C:\APM_Setup\Server\Apache\conf\httpd.conf1.46번째 줄의 Listen 80 아래에 Listen 81 작성(81번포트 열기)(포트를 더 열고싶다면 82, 83, 84 …)원본>>Listen 80수정후>>Listen 80Listen 81Listen 82 2.206~234줄 쯤에 있는 ( … )를 아랫줄에 복붙하고 경로 수정원본>>수정후>> 3.원본>># Virtual hosts#Include conf/extra/httpd-vhosts.conf수정후>># Virtual hosts..

1. 미디어 쿼리(Media Query)란? :media의 종류에 따라 특정 css 스타일을 적용하고자 할 때 사용하는 css 스펙 가운데 하나데스크탑 브라우저, iPhone, iPad 모바일 브라우저 등에 스타일 시트를 구분하기 위해 사용 2. 미디어쿼리의 역할CSS에서 최초로 스크린의 종류(모니터 or 프린터 등)를 감지할 수 있게 되었고 CSS3에서 더 상세하게 변경되어 해상도, Landscape/Portrait(가로/세로)감지가 가능하게 되었다. 3. 미디어 쿼리 사용가능한 브라우저CSS3속성이므로 최근에 출시된 브라우저들에서 지원 가능미디어 쿼리를 지원하지 않는 브라우저는 조건과 상관없이 CSSS를 읽게 된다.PC용 브라우저 : MS익스플로러9+(8이하 지원X), 파이어폭스, 사파리, 크롬, 오..

예전에 구글드라이브에 정리해놓은 글이 있어 블로그에 옮겨본다 ※ Print mode(인쇄 스타일)를 적용하는 방법1. 2. 3. @media print {/*직접 코드입력*/} 코드 분리, 수정을 위해 @media print{}를 활용하는것을 권장. (크롬 개발자도구- 설정에서 media버전을 강제 지정하여 확인할 수 있다.)프린트시 반복적으로 나오거나, 필요없는 부분은 display: none;으로 안보이도록 작업을 먼저 한 후, 프린트 모드에 맞게 수정하면 된다.인쇄물의 제목, 회사의 로고, 카피등을 고정적으로 출력하기위해서 상단과 하단에 출력에만 나오는 헤더와 푸터를 삽입할 수 있다.전체출력 외 브라우저 내 특정부분만 출력하게 하기 위해서 예)

1. dribbble(https://dribbble.com/)일러, 인포그래픽 등등 진짜 취향저격하는 것들 모아놓음!마치 핀터레스트같음 2. pinterest(https://www.pinterest.com/)역시 디자인하면 핀터레스트지webdesign design infographic 같은 키워드로 검색하면 촤르륵 나옴 3. iconfinder(http://iconfinder.com/)픽토그램, 아이콘 등 자료가 방대해서 존좋!무료 아이콘도 있고 유료아이콘은 참고만해서 더 좋은 아이콘 맹글어낼 수 있어 좋고! 4. noun project(https://thenounproject.com/)여기도 픽토그램많고 좀더 귀여움!근데 저렇게 길다란 주소 치기 귀찮아서 아이콘파인더 씀

나도 포폴사이트 만들 때 PPT를 올리고싶었는데 도저히 방법을 못찾아서하나하나 장인정신 펼쳐서 캡쳐하고 붙여넣고 편집하고 했는데생활코딩 그룹에 같은 고민의 글이 올라왔다 댓글들이니 참고하고 찾아보기 1. ppt file format2. http://www.microsoft.com/web/solutions/powerpoint-embed.aspx3. http://lab.hakim.se/reveal-js/#/ -> reveal.js4. slide.js, slick.js5. mssppt parser 관련 라이브러리 찾아서 ppt를 이미지 변환 하여 뿌리기

출처 - 블로터아카데미 디자인 직군 지원자 1. 팀원 중 의견이 안 맞는 직원이 있다면 어떻게 대처할 것인가요? 2. 현재 네이버에서 개발 중인 이 서비스를 어떻게 디자인할 건가요? 3. 다른 디자이너와 당신의 차별점은 무엇인가요? 4. 좋아하는 브랜드가 있나요? 브랜드란 무엇인가요? 5. 네이버에 와서 가장 얻고 싶은 것은 무엇인가요? 6. 당신이 생각하는 디자인이란 무엇인가요? 7. 함께 면접을 본 학교 동기를 기억하시나요? 그 동기와 당신의 장단점을 하나씩 말해보세요. 8. 네이버 앱 중 제일 마음에 안 드는 앱은 무엇인가요? 9. 최근 나온 새로운 앱 중 가장 관심을 갖고 있는 앱은 무엇인가요? 10. 다시 대학생이 된다면 무엇을 하고 싶으신가요? 11. 네이버에 와서 가장 얻고 싶은 것은 무엇인..