본문 바로가기

전체 글100

웹서버 웹 서버는 웹 서버 소프트웨어를 말하기도 하고, 웹 서버 소프트웨어가 동작하는 컴퓨터를 말하기도 한다. 웹 서버의 가장 중요한 기능은 클라이언트가 요청하는 HTML 문서나 각종 리소스를 전달하는 것이다. 여기서 클라이언트란 웹 브라우저를 말한다. 웹 브라우저가 요청하는 리소스는 컴퓨터에 저장되어 있는 정적 데이터나 동적 데이터가 될 수 있다. 정적 데이터는 이미지, HTML 파일, CSS 파일, JavaScript 파일 처럼 컴퓨터에 저장되어 있는 파일을 의미한다. 동적 데이터는 웹 서버에 의해서 실행되는 프로그램을 통해서 만들어진 결과물을 말한다. 웹 브라우저와 서버 간의 통신 웹 브라우저는 웹 서버에 접속을 하고 해당 주소에서 기본으로 보이는 HTML 문서를 요청한다. 그러면 웹 서버는 클라이언트가 .. 2020. 6. 9.
vue.config.js vue/cli 2.0은 프로젝트를 만들면 webpack.config.js 파일이 생성이 되지만, vue/cli 3.0은 config 파일이 설정에 따라 생성될 수도 있고 생성되지 않을 수도 있다. 생성되지 않았다면 프로젝트 root에 vue.config.js 파일을 만들어서 설정하면 되는데, vue.config.js는 온전한 webpack은 아니지만 webpack 빌드를 설정할 수 있는 파일이다. 2020. 6. 5.
웹 프론트엔드, 백엔드 사용자에게 웹을 통해 다양한 웹 리소스(문서, 동영상, 이미지 등)을 제공하고, 사용자의 요청에 반응해서 동작한다. 웹 페이지라는 것도 하나의 문서이다. 웹 프론트의 역할 웹 콘텐츠(리소스)를 잘 보여주기 위해 구조를 만들어야 한다. (HTML) 적절한 배치와 일관된 디자인 등을 제공해야한다. (CSS) 사용자의 요청을 잘 반영해야한다.(JavaScript) 백엔드 개발 클라이언트의 요청을 받아서 요청을 처리한 후 응답을 클라이언트에게 보낸다. 웹의 동작 원리를 알고 있으면 도움이 된다. 알고리즘, 자료구조 등으로 문제를 해결해야한다. 만들어진 프로그램은 보통 서버에 설치가 되어 동작하기 때문에 서버로 자주 사용되는 리눅스 같은 운영체제나 네트워크에 대한 이해가 필요하다. 데이터를 쉽게 관리하기 위해 D.. 2020. 6. 4.
HTTP 프로토콜 물리적인 하나의 컴퓨터에는 여러개의 서버가 동작할 수 있고, 각각의 서버는 포트라는 값으로 구분돼서 동작한다. 웹은 80번 포트, Email은 25번 포트, FTP는 21번 포트를 사용한다. 인터넷은 네트워크들의 네트워크라고 할 수 있다. 수많은 네트워크들의 결합체인 것이다. 이러한 인터넷은 TCP/IP라는 약속으로 연결되어 있다. 인터넷 중 웹에서는 서로 통신하기 위해 HTTP를 사용한다. HTTP는 서버와 클라이언트가 인터넷 상에서 데이터를 주고받기 위한 프로토콜을 이야기한다. HTTP는 어떤 종류의 데이터도 전송할 수 있도록 설계되어 있다. 이미지, 오디오, 텍스트, 동영상 등. HTTP 작동 방식 HTTP는 서버/클라이언트 모델을 따른다. 먼저 클라이언트와 서버를 연결한다. 그리고 클라이언트가 요.. 2020. 6. 4.
vue create 프로젝트 read-only sudo vue create. 관리자 권한으로 vue 프로젝트를 생성하면 read-only로 생성된다 그냥 vue create 로 프로젝트를 생성해야지 write까지 가능하다. 2020. 5. 29.
@Autowired @Autowired 가 사용될 수 있는 곳이 세 군데 있다. 필드, 오버로드된 생성자, setter 메소드 필드에 @Autowired를 사용하면 기본 생성자를 통해서 객체가 생성될 때 필드에 적절한 객체가 참조된다. 오버로드 생성자나 setter 메소드에는 파라미터에 적절한 객체가 들어간다. @Autowired 시 적절한 객체가 없을 때에도 동작하게 할 수 있는 required = false 옵션이 있다. 그리고, 적절한 객체가 많을 때에 객체의 id로 특정 지을 수 있게 해주는 @Qualifier("")도 있다. 설정 파일에 context 네임스페이스와 가 있어야 컨테이너가 생성한 객체들 안에 어노테이션이 있는지 찾아본다. 이 있는 경우에는 @Component 를 찾으면서 @Autowired도 읽게 됨.. 2020. 5. 26.

티스토리툴바