Web4 [JavaScript] Form 입력 값 처리 HTML에서는 Form 태그를 사용하여 그 안에서 Input값을 받아와 처리를 할 수 있는데 JavaScript코드에서 해당 값에 대한 세부처리를 해줄 수 있다. 1. Form 태그의 "onsubmit"을 사용하는 방법 form 의 "onsubmit"에 대입되는 값이 false이면 해당 url 또는 페이지로 전송되지 않고, true이면 전송되게 된다 따라서 따로 입력 문자열을 체크하는 함수를 따로 정의하여 "onsubmit"에서 호출해주면 된다. 로그인하세요 전송 닫기 2. form의 이벤트 리스너를 사용하는 방법 form태그의 submit 이벤트리스너를 사용하여 콜백함수 내에서 예외 처리를 해주어도 된다. 콜백함수 내에서 문자열 체크 후 공백이면 preventDefault() 함수를 호출해주고 있는데 .. 2023. 2. 4. [Network] TCP 3-way handshake / 4-way handshake ✏️ 3-way handshake TCP 통신을 이용하여 데이터를 전송하기 위해 네트워크 연결을 설정(Establish) 하는 과정 양쪽 모두 데이터를 전송할 준비가 되었다는 것을 보장하고, 실제로 데이터 전달을 시작하기 전에 한 쪽이 다른 한쪽이 준비되었다는 것을 알 수 있도록 한다. 즉, TCP/IP 프로토콜을 이용해서 통신을 하는 응용 프로그램이 데이터를 전송하기 전에 먼저 정확한 전송을 보장하기 위해 상대방 컴퓨터와 사전에 세션을 수립하는 과정을 말한다. 아래 세단계를 통해 세션이 수립(Establish)된다. 1) Client > Server : SYN 2) Server > Client : SYN, ACK 3) Client > Server : ACK 1) Client는 Server에 접속을 요청.. 2022. 11. 14. [Web] Node.js란? 개요 'Node.js는 Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임', 웹 서버와 같이 확장성 있는 네트워크 프로그램 제작을 위해 고안 되었다. 즉, Node를 통해 다양한 JS 애플리케이션을 실행할 수 있고, 서버를 실행하는데 제일 많이 사용된다. 특징 이벤트 기반 Node는 V8과 더불어 libuv라는 라이브러리를 사용한다. libuv 라이브러리는 노드의 특성인 이벤트 기반, 논블로킹 I/O 모델을 구현하고 있다. 이벤트 기반(event-driven)이란, 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 방식을 의미한다. 즉, 특정 이벤트가 발생할 때 무엇을 할 지 미리 등록해두고, 이를 이벤트 리스너에 콜백 함수를 등록한다. 이후 이벤트가 발생하면 리스너에 등록.. 2022. 6. 1. Apache Tomcat? 개념 정리 Apache Tomcat(아파치 톰캣)이란? 위키백과상의 정의 아파치 톰캣(Apache Tomcat)은 아파치 소프트웨어 재단에서 개발한 서블릿 컨테이너(또는 웹 컨테이너)만 있는 웹 애플리케이션 서버이다. 서블릿 컨테이너? 웹 애플리케이션 서버? 우선 해당 정의를 이해하기 위해서는 컨테이너와 웹서버, 웹 애플리케이션 서버에 대한 이해가 필요할 것 같다 웹 서버 (Web Server) 브라우저가 웹 서버에서 불려진 파일을 필요로 할 때, 브라우저는 HTTP를 통해 파일을 요청한다. 요청이 올바른 웹 서버에 도달하였을 때, HTTP서버는 요청된 문서를 HTTP를 이용해 보내준다. 여기서 웹서버가 제공하는 문서는 정적 콘텐츠(HTML, CSS, JS...)를 말한다. 그리고 정적 콘텐츠가 아닌 동적인 데이터.. 2022. 5. 11. 이전 1 다음
