영부터 구까지 영부터 구까지

- DI란? DI는 Dependency Injection의 줄임말, 의존관계 주입이라고 한다. 여기서 의존관계 주입이란, 어떠한 대상이 변하면 그것에 의존하는 대상 또한 영향을 미친다는 의미이다. 예를 들어, A라는 친구가 B에 의존하는데, B가 바뀌면 A 친구 또한 영향이 미친다는 뜻이다. - BMI 계산기 구현하기 package com.javalec.ex; import java.util.ArrayList; public class MyInfo { private String name; private double height; private double weight; private ArrayList hobby; private BMICal bmiclass; public Strin..

Node.js의 설치 방법은 아래의 글에 자세히 적혀 있습니다. https://mpd253.tistory.com/42 [Node.js] Node.js 설치하기 (Window 10) Node.js를 설치해 보도록 하겠습니다. - Node.js란? Node.js는 확장성 있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼입니다. 작성 언어로는 JavaScript를 활용하며, 논블로킹 I/O와 단일 mpd253.tistory.com 다음은, 우리의 작업 공간인 Visual Studio Code를 설치해야 합니다. Visual Studio Code를 설치하는 방법은 아래의 url에 접속하여 본인의 로컬 환경과 맞게 설치하면 됩니다. https://code.visualstudio.com/download ..

Node.js를 설치해 보도록 하겠습니다. - Node.js란? Node.js는 확장성 있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼입니다. 작성 언어로는 JavaScript를 활용하며, 논블로킹 I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가집니다. 내장 HTTP 서버 라이브러리를 포함하고 있으며, 웹 서버에서 별도의 소프트웨어 없이 동작하는 것이 가능하며, 이를 통해 웹 서버의 동작에 있어 더 많은 통제를 가능하게 합니다. Node.js는 단일 스레드 기반 비동기(Asynchronous) 방식으로 구성되어 있습니다. [Node.js 설치] 아래에 있는 URL로 접속합니다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript ..

HTTP란? HTTPS란? HTTPS의 보안성 HTTPS의 장점 * HTTP (HyperText Transfer Protocol) HTTP는 서로 다른 시스템들 사이에서 서로 통신을 할 수 있게 하는 가장 기본적인 프로토콜이다. 웹 서핑을 할 때 서버에서 사용자의 브라우저로 데이터를 전송해 주는 용도로 가장 많이 사용된다. 인터넷의 초기에 모든 웹사이트에서 사용되었던 프로토콜이다. * 프로토콜 : 컴퓨터 내부 또는 컴퓨터 사이에서 데이터의 교환 방식을 정의하는 규칙 체계. HTTP 프로토콜의 문제점은 서버에서 브라우저로 전송하는 정보가 암호화 되지 않는다는 점이다. 즉, 데이터가 쉽게 도난당할 수 있다는 말과 같다. * HTTPS (HyperText Transfer Protocol Secure) HTTP..

개요 HTTP 상태(응답) 코드란? HTTP 상태(응답) 코드 분류 HTTP 상태(응답) 코드 상세 내용 * 개요 개발을 하다 보면, 상태 코드를 수도 없이 만나 볼 수 있을 것이다. 상태 코드를 미리 알아둔다면 해당 상태 코드에 대한 유연한 대처가 가능할 것이란 생각이 들어 작성자도 공부해볼겸, 작성하게 되었다. * HTTP 상태(응답) 코드란? HTTP 상태(응답) 코드는 클라이언트가 보낸 HTTP 요청에 대한 서버의 응답 코드를 말한다. 이는 특정 HTTP 요청이 성공적으로 완료 되었는지, 아닌지를 알려준다. * HTTP 상태(응답) 코드 분류 상태 코드는 첫 번째 자리 숫자에 따라 크게 5가지로 분류 가능하다. 1xx - Informational (정보) : 요청을 받았으며, 프로세스를 계속한다...

HTML 코드 JavaScript 코드 전체 코드 HTML 코드 회원 기본 정보 아이디: 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호: 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호확인: 메일주소: 예) id@domain.com 이름: 개인 신상 정보 생일: 년 1 2 3 4 5 6 7 8 9 10 11 12 월 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 일 관심분야: 컴퓨터 인터넷 여행 영화감상 음악감상 자기소개: HTML 코드는 예전에 올렸던 페이지와 크게 다르지 않고, 주민등록번호 입력하는 칸만 빠지게 되었다. 이전에 짰던 코드는 이 글에 있다. https://mpd253.tist..

HTML 코드 JavaScript 코드 전체 코드 HTML 코드 회원 기본 정보 아이디: 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호: 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호확인: 메일주소: 예) id@domain.com 이름: 개인 신상 정보 생일: 년 1 2 3 4 5 6 7 8 9 10 11 12 월 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 일 관심분야: 컴퓨터 인터넷 여행 영화감상 음악감상 자기소개: HTML 코드는 예전에 올렸던 페이지와 크게 다르지 않고, 주민등록번호 입력하는 칸만 빠지게 되었다. 이전에 짰던 코드는 이 글에 있다. https://mpd253.tist..

HTML 코드 CSS 코드 JavaScript 코드 HTML & JavaScript 코드 HTML 코드 Clear = 1 2 3 + x^y 4 5 6 - sin 7 8 9 * cos 0 +/- . / tan 원래 만들고자 한 디자인이 있어, 정확히 따라해 보고자 버튼에 클래스 이름을 너무 많이 주었다. 막상 디자인을 보아하니 클래스 이름을 너무 많이 준 것 같아 코드가 복잡해 보인다. CSS 코드 #firstLine { text-align: center; } .button1 { width: 40%; color: blue; } #otherLines { text-align: center; } .button2 { width: 16%; color: blue; } .button3 { width: 16%; marg..