제로의 프로그래밍 블로그 제로의 프로그래밍 블로그

Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로그래밍 기초 03. 웹 Front-End 와 웹 Back-End ※ Intro - 웹은 프론트엔드(FE) 와 백엔드(BE)로 나눠짐- 브라우저를 프론트엔드 또는 클라이언트라고 함.- 웹 백엔드는 인터넷 사용자에게는 보이지 않는 것임 ※ 학습 목표 1. 웹 프론트엔드의 역할 및 기술적 구성2. 웹 백엔드의 역할 및 기술적 구성 ※ 핵심 개념 - HTML- CSS- JavaScript- 클라이언트- 서버 ※ 웹프론트엔드 - 사용자에게 웹을 통해 다양한 콘텐츠(문서, 동영상, 사진 등)을 제공함. 웹에서는 리소스라고도 함. - 웹 페이지가 원래는 하나의 문서. - 사용자의 요청 (요구사항) 에 반응해서 동작..

Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로래밍 기초 02. 웹의 동작 (HTTP 프로토콜의 이해) ※ Intro - 사람과 사람이 전화 통화를 하기 위해서는 몇 가지 규약이 필요함- 서로 알아들을 수 있는 말을 사용해야하며, 한쪽이 말할 때 다른 쪽에서는 들어아함- 전화 연결이 끊어지면 대화를 할 수 없음 - 웹 브라우저와 웹 서버 간에도 서로 통신하기 위해서는 규약이 필요함- 이때 필요한 규약이 HTTP 이다 ※ 학습 목표 1. http 프로포콜의 작동방식2. http 프로토콜의 요청/응답 데이터 포맷 ※ 핵심 개념 ● HTTP● Request 형식● Request Method ● Response 형식● 응답 코드 ※ 인터넷 (네트웍 통신)..

Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로래밍 기초 웹 프로그래밍을 위한 프로그램 언어들- 프로그램을 만들기 위한 프로그래밍 언어의 종류는 굉장히 다양함- 10년을 주기로 보통 40~50개의 프로그래밍 언어가 탄생하고 있음 학습 목표- 1. 다양한 프로그래밍 언어의 종류에 대해 알아보자- 2. 웹 프로그래밍에 좀 더 최적화된 프로그래밍 언어의 장단점에 대하여 알아보자 핵심 개념- 저급언어- 고급언어- 컴파일러 저급언어- 기계 중심의 언어- 기계가 직접 알아들을 수 있는 말로 '프로그램 코드를 작성한다'- 컴퓨터는 전기로 동작. 즉 전기신호인 켜졌다(on), 꺼졌다(off) 2가지 상태 값으로 동작함- 보통 숫자로 켜졌다는 1(on), 꺼졌다는..

Naver BoostCourse Full-Stack Developer Course Part 01 웹 프로그래밍 기초 Intro- 웹에 대한 기본 이해- 웹클라이언트와 웹백엔드의 역할 이해- HTML 구조화 설계- CSS 기본 스타일 꾸미기- JAVA 기반의 웹 백엔드 환경을 구성- 서블릿을 이해하고 기본 구성하기 학습 목표- [웹 프론트엔드]- 웹 페이지 구성을 위한 HTML 학습- 스타일을 적용하기 위한 CSS 학습 - [웹 백엔드]- 웹이 어떻게 동작하는지- 웹 서버는 무엇이고 웹 애플리케이션 서버는 무엇인지 학습- 서블릿 Part1 에서 요구되는 역량- 주어진 요구 사항에 맞는 HTML 과 CSS 학습- 클라이언트와 서버가 무엇인지 학습- 클라이언트의 요청부터 백엔드의 응답까지 어떤 과정들을 거치는..

코딩인터뷰 알고리즘 참고 사이트 "좋은 환경에서 근무하는 좋은 프로그래머가 되자!"좋은 환경의 개발회사에서 근무하고 싶다면 그만큼의 노력이 필요하다.코딩 인터뷰 때문이 아니더라도 좋은 프로그래머가 되고 싶다면 알고리즘에 대한 지식, 이해 그리고 실전 활용은 필수인 것 같다. 아래는 코딩 테스트와 관련하여 도움이 될만한 사이트 링크들이다. [알고리즘 사이트] 코딜리티(SK계열, 이스트소프트) : https://codility.com/programmers/ 해커랭크(이베이, 외국계) : https://www.hackerrank.com/ 리모트인터뷰(라인플러스) : https://www.remoteinterview.io/ 백준 온라인저지(한글) : https://www.acmicpc.net/ 코딩도장 : ht..

OSI 모형 (Open Systems Interconnection Reference Model) - 국제 표준화 기구(ISO)에서 개발한 모델- 컴퓨터 네트워크 프로토콜 디자인과 통신을 계층으로 나누어 설명한 것 - 일반적으로 OSI 7계층 모형이라고 한다 7계층 : Application 계층사용자가 네트워크에 접근할 수 있도록 해주는 계층. 사용자 인터페이스, 전자우편, 데이터베이스 관리 등 서비스 제공 6계층 : Presentation 계층운영체제의 한 부분으로 입력 또는 출력되는 데이터를 하나의 표현 형태로 변환.필요한 번역을 수행하여 두 장치가 일관되게 전송 데이터를 서로 이해할 수 있도록 함 5계층 : Session 계층통신 세션을 구성하는 계층으로 포트연결이라고 할 수 있음사용자 간의 포트 연..

STS (Spring Tool Suite) 유용한 단축키 단축키를 활용하면 개발 퍼포먼스를 향상시킬 수 있다. 단축키 의미 Ctrl + F 기본 검색 Ctrl + K, Ctrl + Shift + K 블록한 문자열과 동일한 문자열 검색 Ctrl + Shift + L 프로젝트 전체 문자열 검색 Ctrl + Shift + R 파일 이름 검색 Ctrl + Space 컨텐트 어시스트. 기본 자동 완성 기능으로 두번 입력시 빠른 Method 생성 가능 Ctrl + Shift + /, Ctrl + Shift + \. 블록 주석 Ctrl + Shift + O 임포트 추가 및 정리 Ctrl + D 한 줄 삭제 Ctrl + Alt + , Ctrl + Alt + 한 줄 복제

Protocol (RTSP, RTMP, HLS) RTMP (Real Time Message Protocol) - 2009년 1월 20일에 발표된 어도비 시스템즈 사의 독점 컴퓨터 통신 규약- RTMP 는 오디오, 비디오 밎 기타 데이터를 인터넷을 통해 스트리밍할 때 사용- RTMP는 플래시 플레이어와 서버 사이의 통신에 이용- 1935번 포트를 사용하며 암호화되지 않은 프로토콜 RTSP (Real Time Streaming Protocol) - 실시간 스트리밍 프로토콜(Real Time Streaming Protocol, RTSP)은 Real Networks 와 netscape Commnunication이 공동 개발하고, IETF가 1998년에 표준화한 통신 규약. RFC2326에 정의- 스트리밍 시스템..