개발소발닭발

1. $ chmod 400 ~/Desktop/key.pem r 퍼미션 설정을 해주자. 2. ssh -i ~/Desktop/key.pem ubuntu@ip 키 파일과 id@ip 입력하면 끝이다. i는 identity 옵션. =========================================================================================================== 1. 현재 실행 되고 있는 모든 프로세스 보기ps -ax ex) ps -ax | grep node (node에서 실행하는 모든 프로세스를 볼 수 있다.) 2. 백그라운드 실행nohupex) nohup node server.js & 3. 프로세스 죽이기kill -9 (id) 4. 포트 찾기 lsof..

1. 아파치 다운 로드https://www.apachelounge.com/download/ 2. /conf/httpd.conf 파일 수정 - ServerRoot 경로 설정.- Listen 포트 설정- DocumentRoot 설정- ServerName 변경 3. 환경변수에 /bin 경로 추가 4. cmd에서 아파치 서버 인스톨 - httpd -k install 5. 아파치 명령 시작- httpd -k start (시작)- httpd -k stop (종료)- httpd.exe -k restart- httpd.exe -k uninstall (서비스 제거)- httpd.exe -k uninstall -n APM_Apache2 (특정 서비스 제거)

- 자바스크립트는 프로토타입 기반의 언어다.- 프로토타입은 다른 오브젝트를 가르키는 내부 링크다.- 모든 오브젝트는 프로토타입을 가지고 있고 이러한 프로토타입 역시 프로토타입을 가지고 있다. 결국 이것은 반복된다. null 오브젝트를 프로토 타입으로 가지는 오브젝트에서 끝이난다.- 이를 프로토타입 체인이라 부른다. 프로토타입은 고전적인 상속 모델보다 더 강력한 방법이다. 프로토타입으로 고전적인 방식은 쉽게 구현할 수 있지만, 그 반대는 어렵다. // apply, call, bind // 팝업의 전처리의 경우 apply를 쓰는 경우 // 데이터를 apply로 넘겨 주는 경우 // 함수 상속에서의 this var x = { a : 10, b : function(){ console.log(this.a) } }..

웹 서버 - HTTP 프로토콜을 기반으로 하여 클라이언트의 요청을 서비스 한다.- HTML, Image, xml 등에 대한 처리- 일반적으로 apache 웹 어플리케이션 서버 - 클라이언트의 요구를 웹서버 혼자서는 감당할 수 없기 때문에 구조적으로 웹 서버의 기능을 분리하기 위해 만듬.- 웹서버와 웹 컨테이너의 결합- 다양한 기능을 컨테이너에 구현하여 역할 수행. WEB SERVER 는 정적 리소스 담당WAS는 비지니스 로직을 수행 + 정적 리소스 담당 Tomcat JSP 환경을 포함하고 있는 서블릿 컨테이너 연결 과정 wireshark으로 보면 TCP/HTTP 처리 과정을 볼 수 있다. 서버의 생각///// 어라, HTTP Request의 헤더에세션 i..

메서드 체이닝

http://www.w3schools.com/jsref/dom_obj_event.asp 버블링과 캡쳐링

클라이언트 개발자 https://docs.google.com/spreadsheets/d/1LsA26TE0y3ObdalcH4kuQlnhohH7zRcgVatJziTMpOY/edit#gid=0 http://tryhelloworld.co.kr/courses/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%9E%85%EB%AC%B8 참조) http://d2.naver.com/helloworld/59361 Chap1. 브라우저는 어떻게 동작하는가? 1) 브라우저의 주요 기능 브라우저는 사용자가 선택한 자원을 서버에 요청하고 이를 표현한다. 자원의 주소는 URI에 의해 정해진다. 브라우저는 HTML과 CSS 명세에 따라 HTML파일을 해석하고 표시한다. 이러한..

웹에서 커스텀 스크롤바를 만드는 경우가 많이 있습니다. 간단한 경우 mCustomscrollbar 를 많이 사용하죠. 하지만 최적화를 위해서라면 직접 만들어 사용해야 했습니다. (리팩토링을 전혀 하지 않아서, 누군가 해주셨으면 좋겠다는..) CSS 파일은 12345678910111213141516171819202122232425262728html {height:100%;}body{height:100%;}.csb .bar-wrap { position: absolute; right: 0px; top: 0px; bottom: 0px; width: 12px; background: rgba(255,255,255,0.5); z-index: 3;}.csb .bar-wrap .bar{ position: absolute..

개발도 컴퓨터도 사랑하는 개발자입니다. 백엔드 개발자로 시작해 지금은 FE개발자로 살고 있습니다. 저보다 빨리 발전하는 기술을 공부하려고 블로그를 쓰지만, 그 과정이 다른 분들에게도 도움이 되었으면 좋겠습니다. 감사합니다 :)