- 인터넷 프로토콜 스위트 (internet protocol suite) 인터넷에서 컴퓨터들이 서로 정보를 주고받는데 쓰이는 프로토콜의 집합, 이를 TCP/IP4계층 혹은 OSI7계층 모델로 설명한다. - 애플리케이션 계층 FTP, HTTP, SSH, SMTP, DNs등 응용 프로그램이 사용되는 프로토콜 계층이다. 웹서비스나 이메일등의 서비스를 실질적으로 제공하는 계층 →FTP 장치간의 파일을 전송하는데 사용되는 표준 통신 프로토콜 →SSH(secure shell) 보안되지 않은 네트워크에서 네트워크 서비스를 안전하게 운영하기 위한 암호화 네트워크 프로토콜 →HTTP World Wide Web을 위한 데이터 통신의 기초, 웹사이트를 이용하는데 쓰는 프로토콜 →SMTP 전자 메일 전송을 위한 인터넷 표준 ..
유저에게 보이기 까지 몇단계로 나눌것인지를 설정하는것 현재 대부분의 웹개발은 3계층으로 이루어져 있다고한다. 1계층 하나의 컴퓨터나 서버에 클라이언트, 서버, 앱 3가지 모두를 구현해놓은것 그래서 한번에 모든것을 바꿔야한다. 2계층( 클라이언트 서버) 클라이언트에서 직접 db에 접속해 자원을 사용 보안에 취약하고, 유지보수가 어렵다. 대부분의 로직을 클라이언트에서 처리한다. 비즈니스 로직 변경시 다시 클라이언트로 프로그램을 다시 배포해야한다. 3계층 (클라이언트 서버/앱 DB) 클라이언트가 웹 어플리케이션 서버를 통해 db에 접근하고, db서버를 별도로 구성한다. 웹 어플리케이션 사용자가 많아짐으로 인해 웹서버에 과부하가 걸려 WAS서버가 등장했다. 아래 링크 참고! https://preamtree.ti..
자바스크립트 자바스크립트는 코드가 작성된 순서대로 작업을 처리하는 동기적 언어 이전 작업이 진행 중 일 때는 다음 작업을 수행하지 않고 기다린다. 먼저 작성된 코드를 먼저 다 실행하고 나서 뒤에 작성된 코드를 실행한다. 만약 이와같이 중간에 특정작업이 오래걸리면 전반적인 흐름이 느려진다. 이와같이 멀티 쓰레드 방식으로 작동한다면 작업 분할이 가능하지만 자바스크립트는 싱글 스레드 언어이다. 비동기 작업 씽글 쓰레드 방식을 이용하면서 동기적 작업의 단점을 극복하기 위해 여러개의 작업을 동시에 실행시킨다. 먼저 작성된 코드를 기다리지 않고 바로 다음 코드를 실행하는 방식 대표적으로 setTimeout함수가 비동기 방식으로 동작하는 함수이다. function taskA(a, b, cb) { // cb는 콜백함수..
Truthy & Falsy - 자바스크립트는 자료형 상태에따라 참 거짓(TRUE,FALSE)로 평가하는 자료형들이 있다. const getName = (person) => { if (person === undefined || person === null) { return "객체가 아닙니다."; } return person.name; }; let person = null; const name = getName(person); console.log(name); 이와같이 작성할 수 있는것을 아래와같이 간소화 가능하다. const getName = (person) => { if (!person) { return "객체가 아닙니다."; } return person.name; }; let person = null;..
- 1.좋은코드란 무엇일까? 오늘아침에 눈뜨자마자 이 질문이 번뜩이면서 이생각부터 하면서 일어났다. 최근에 받은 질문이다. 뭔가 어디선가 얼핏 들어보기도 했고, 지나가는 얘기로더 들어본 문장이지만 내가 직접 스스로 고민을 하면서 생각해봄 경험은 없다. 그리고 솔직히 처음 들었을 때 와 좀 철학적이지 않나...? 정말 저런것까지 생각하면서 다들 코딩을하고 프로그래밍을 진행하는걸까? (이 글을 쓰고나서 느끼는 거지만 지금은 무조건 생각해봐야 하는 주제라고 생각한다) 근데 질문하신분의 다음 설명이 조금 감명 깊었다. 잘기억은 안나지만 정말 코딩을 좋아해서, 즐겨서 하는지를 파악하시는 것 같기도 했고 혹은 협업을 위해 생각해본 경험이 있는지를 물어보는것 같았다. 저 질문을 받았을 때 잠시 고민을 해보았다. 비슷..
12. 그림자(Shadow) https://poiemaweb.com/css3-shadow 텍스트나 요소에 그림자 효과를 부여하기 위한 프로퍼티를 선언한다. test-shadow : 텍스트에 그림자 효과를 부여하는 프로퍼티 box-shadow: 요소에 그림자 효과를 부여하는 프로퍼티 13. 그레이디언트(Gradient) https://poiemaweb.com/css3-gradient 2가지 이상의 색상을 혼합하여 부드러운 색감의 배경등을 생성하는것 선형 그레이디언트(Linear) 방사형 그레이디언트(Radial) 대부분의 브라우저에서 벤더프리픽스를 사용하여야한다. 그레이디언트는 직접 작성보다는 툴을 이용하는것이 보편적이다. 14.트랜지션(Transition) https://poiemaweb.com/css3..
- HTTP의 상태코드 1xx (정보) : 요청을 받았으며 프로세스를 계속한다. 2XX (성공) : 요청을 성공적으로 받았으며 인식했고 수용한다. - 200OK : 요청이 성공적으로 되었습니다. - 201 created: 요청이 성공적이었으며 그 결과 새로운 리소스가 생성되었습니다. 3xx (리다이렉션) : 요청 완료를 위해 추가 작업 조치가 필요하다 - 301 Moved perma nently : 이 응답코드는 요청한 리소스의 URI가 변경되었음을 의미합니다. 변경된 새로운 URI를 응답에서 주는것이 좋습니다. 4XX (클라이언트 오류) : 요청의 문법이 잘못되었거나 요청을 처리할 수 없다. - 400 Bad Request : 이 응답은 잘못된 문법으로 인하여 서버가 요청을 이해할 수 없음을 의미합니다..