끄적끄적

먼저 죽이고자 하는 포트가 있는지 있으면 프로세스 번호를 알기위해 확인합니다. lsof -i :포트번호 예를들어 있다면 이런식으로 나올꺼에요. lsof -i :8000 COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME node 1234 shaking 15u IPv4 0x1f23462a48d69d65 0t0 TCP localhost:cslistener (LISTEN) 여기서 PID를 보고 kill -9 1234 이렇게 kill을 통해 포트를 죽여줍니다. 확인해보죠. lsof -i :8000 아무것도 안나올꺼에요. 그럼 포트가 죽은겁니다. 가끔 스프링이나 띄워논 서버가 데몬 프로세스가 되어 곤란한 경우라 자주 사용하게 되어 기억 및 정리해두고 사용합시다.

Vuex는 Vue의 상태관리를 도와주는 상태관리 라이브러리입니다. 스토어를 알기 전에 일단 flux에 대해 알고 가도록 합시다. Flux - 사전적 의미로 유동,흐름 등 간단하게 말하면 프로젝트 내에 state의 흐름을 의미합니다. 대규모 자바스크립트 프론트엔드개발을 하다보면 백엔드와 다르게 제한된 데이터를 가지고 개발을 하게 됩니다. 그래서 데이터에 대한 흐름을 제어할 필요가 있고, 또한 이러한 부분을 제어하면서 여러 컴포넌트에 데이터를 공급하면서, 불필요한 통신 횟수를 줄여야 하는 필요가 있겠죠? 그래서 각 컴포넌트의 상태를 스토어라는 Root를 만들어 프로젝트의 모든 상태값을 단방향으로 공급해주어 이 조건을 충족시켜줍니다, 공식 페이지를 보면 복잡하고 장황하게 설명해놨지만 데이터에 흐름을 단방향으로..

자바 spring 의 ioc,aop,di를 알아보도록 합시다. 자바 스프링으로 개발하면서 기본적으로 알아야하는게 뭐냐고 하면 ioc,aop,di 개념을 많이 이야기합니다. 생각해보면 스프링 프레임워크로 개발을 하면서 이미 우리는 다 알고 있고, 이미 많이 접하고 있다고 생각드네요.. IOC? Inversion of Control 즉, 제어의 역전이라고 부릅니다. 이 말이 뭐냐면.. 한마디로 프레임워크의 라이프사이클을 관리합니다. 쉽게말해 객체의 생성과 그 객체들의 관리까지 모두 관리한다는 개념인데, 기존에 자바 기반으로 어플리케이션을 개발할 때 자바 객체를 생성하고 서로간의 의존 관계를 연결시키는 작업에 대한 제어권은 보통 개발되는 어플리케이션에 있었는데 IOC 컨테이너는 객체의 생성, 초기화, 서비스 ..

vue 프로젝트를 초기 진행할때 두가지 방법이 있습니다. cdn방식과 npm을 이용해서 하는방법 우리가 해보려는 방식은 cdn은.. 뭐 설명이 필요할 것 같지 않으므로 npm을 이용해서 vue cli를 인스톨 받아서 설정해보죠. 먼저 node버전이 깔려있다는 가정하에 터미널을 키고 $npm i -g @vue/cli 위에 명령어를 입력합니다. 그리고 vue프로젝트를 만들고 싶은 폴더를 하나 생성하여 터미널의 경로를 폴더에 맞춰줍시다. $vue create my-sample-project 위와같이 명령어를 입력하면 설정정보가 나올껍니다. 입맛에 맞는 설정대로 엔터~엔터~하면 좌르르륵 내가 만든폴더에 my-sample-project로 뷰 프로젝트가 생성됩니다. 해당 생성된 폴더로 터미널경로를 맞추고 $npm ..

mysql설치방법 https://dev.mysql.com/downloads/mysql/ 위의 주소에서 설치하는 방법도 있습니다. 하지만 귀찮죠... 사실... 그래서 조금 더 간단하게 설치하는 방법을 기록 해두려 합니다. Homebrew로 설치하는 방법이 있는데요. 저는 맥 환경에서만 개발 및 공부를 하기 때문에 맥북을 이용하시는 분들에게 해당되는 사항이라 하고 싶네요. 먼저 선행작업이 있습니다. 자신의 맥북 혹은 맥에 Homebrew가 설치 되어 있어야 해요. 설치 순서 터미널을 이용하기 위해 터미널을 실행 하시고 아래의 순서대로 실행하세요. // 최신버전 업데이트 $brew update // mysql 최신버전 설치 $brew install mysql // 버전 정보를 알고 싶다면 $brew sear..

3Wap Handshake 에 대해 알아보기전에 TCP/IP는 간단하게 무엇이고, TCP/IP의 계층에 대해 간략하게 알아보고 시작하죠. TCP/IP에 대해 찾다보면 계층에 대한 설명은 빠지지 않더군요. 애플리케이션 계층 트랜스포트 계층 데이터링크 계층 링크계층 각 계층에 대해 간단히 알아보고 가도록 하죠. 계층은 각 계층별 자유롭게 설계가 가능하며, 변경이 용이 하여 계층화 되어있다고 합니다. 애플리케이션 계층 애플리케이션 계층은 애플리케이션에서 사용하는 통신의 움직임을 결정하고, FTP,DNS,HTTP 등 이 계층에 포함됩니다. 트랜스포트 계층 트랜스포트 계층은 컴퓨터 사이의 흐름을 제공하는 계층인데 서로 다른 성질을 가진 TCP와 UDP의 두가지 프로토콜이 존재합니다. 네트워크 계층 네트워크 계층엔..

HTTP 버전 HTTP는 초기 버전을 시작으로 계속해서 진화하고 있습니다. 개발된 초기에는 버전이 없었다고 하는데요. 이후에 0.9버전이라는 이름이 붙었습니다. 초기에는 HTML파일만 전송이 가능했습니다. HTTP 메서드의 값도 존재하지 않은 상태였기 때문에 사실상 미완성 버전이라는 의미로 0.9라고 명시하는 것 같았습니다. 우리가 흔히아는 HTTP의 GET,POST,PUT,PATCH,DELETE같은 개념은 이후에 버전이 올라가면서 진화를 한 형태이고, 초기에 상태 값 즉, status값 200,300,400,500번대의 개념은 존재하지 않았어요. 그리고 HTTP버전은 브라우저 설정을 통해 변경 할 수 있습니다. 그래서 면접을 보게 되면 HTTP의 메서드에 대해 현재 어떠한 것이 있는지 그리고 어떠한 기..

HTTP(HyperText Transfer Protocol)의 개념은 우리가 개발을 진행하면서 가장 많이 부딪히는 기초 중 하나로 꼽히고, 잘 알고 있어야 하고 정확히 인지해야 합니다. 그래서 HTTP의 개념과 기초에 대해 다시한번 되짚어 보도록 합시다. 물론 저를 위해서도.. HTTP는 영국의 컴퓨터 엔지니어 Tim Berners-Lee에 의해 개발되었고, 인터넷의 아버지라 불린다. HTTP는 클라이언트와 서버 사이에 이루어지는 요청/응답(request/response) 프로토콜이다. 예를 들면, 클라이언트인 웹 브라우저가 HTTP를 통하여 서버로부터 웹페이지나 그림 정보를 요청하면, 서버는 이 요청에 응답하여 필요한 정보를 해당 사용자에게 전달하게 된다. 이 정보가 모니터와 같은 출력 장치를 통해 사..