플레이스토어 병아리게임 출시!!!~~ [많은 이용 부탁드립니다!]

📝패킷 

크게 헤더와 바디로 나뉩니다.

📝헤더

헤더에는 7가지 HTTP 메서드 방식중 무엇을 썻는지, 요청 클라이언트의 정보, 브라우저 정보, 접속할 URL 등등 과 같은 클라이언트 정보를 담는다

📝바디      

바디는 보통 비어있다. 하지만, 특정 데이터를 담아서 보낼 수 있다

📝POST방식

Body영역에 데이터를 실어 보낸다 (내용 안 보임) 그래서 보안에 GET방식보단 강하다

데이터 전송양에 길이 제한이 없으며 대용량 데이터를 보내는데 적합합니다.

📝GET방식

www.example.com?id=mommoo&pass=1234와 같이 URL에 Parameter를 전송하기 때문에 body영역을 사용하지 않는다

옛날에는 URL포함 255자 까지 전송이 가능하며 HTTP/1.1 에서는 2048자 까지 가능하지만 요즘은 제한이 없다 (WAS나 서버에서 제한을 줄 수도 풀 수도 있음)

📝URLEncoding vs Encode

• URLEncoding
  • GET방식으로 호출할 때 "키=값"으로 데이터를 전달할 때 값에 한글 및 #, $, %, = 등... 특수문자가 들어가는 경우 비정상적으로 동작(예약어 동작 등...)할 수 있기 때문에 URL 인코딩 과정이 필요하다 → 인코딩안하면 영어만 인식할 수 있고 나머지 다 인식못해서 URL 에러나옴 (GET방식의 경우 header의 ContentType 인코딩방식은 문제가 되지 않고 URL 인코딩만 하면 된다)
• Encode
  • 데이터를 보내려면 해당 데이터를 이진데이터로 보내는데 UTF-8 체계를 따라 이진데이터로 만들지에 대한 설정을 합니다 간단히 이야기하면 데이터를 2글자씩 끊어서 보내는 것과 3글자씩 끊어서 보내는 느낌이다

📝자바 API 도큐먼트

자바 라이브러리들을 말합니다.

📝Javac

.java를 컴파일해 바이트코드로 구성된 .class파일로 만드는 컴파일러

📝퍼블리셔

프론트엔드에 반쯤 걸쳐 있는 부분으로 동작까지는 구현하지 않고 레이아웃이나 배치 버튼 색상 등에 대한 디자인에 나온대로 화면만 만드는 거라 생각하면 된다 주 업무는 HTML CSS 중심 업무지만 최근에는 JS도 다루는 사람이 많아졌다

📝프론트엔드

1. 동적인 화면을 구사합니다. 이를테면 사용자가 ID나 Password를 입력했을 때, 그것이 유효한지 확인해야 하는데요. 만약 잘못된 ID를 입력했다면 상황에 따른 알림을 주는 역할도 하게 됩니다.
2. 실제 작동 가능한 웹페이지를 구현합니다. 프론트엔드 개발자는 API를 웹페이지에 적용하고 백엔드와 연동되는 실제 작동 가능한 웹 페이지를 구현하게 됩니다.
3. 크로스 브라우징, 웹페이지의 호환성, 페이지의 개선 등을 맡습니다 단순히 퍼블리싱 하는 것에서 나아가 웹사이트 전반에 대해 관리하고 유지 보수하는 일까지 맡는다고 볼 수 있죠.

요약하자면 HTML, CSS , JS를 이용해 화면을 만드는 사람을 퍼블리셔라고 하고 퍼블리셔 역할을하면서 DB랑 연결하고 홈페이지를 만드는데 쓰이는 언어를 이용해 기능을 넣는 사람을 프론트엔드라고 합니다

📝Bit 단위 

UTF-8 기준으로 영문은 1byte 한글 2byte을 사용한다

• 1Byte = 8 Bit
• 1KByte = 1024Byte
• 1MByte = 1024KByte
• 1GByte = 1024MByte
• 1TByte = 1024GBbyte

2byte → 65536의 이진수 표현가능 (2byte = 16bit → 2^16)

📝리퀘스트

클라이언트가 서비스를 요청하는 것

📝리스펀스

서버에서 요청에 대한 응답을 클라이언트에게 보내주는 것

📝클라이언트

사용자 자신을 지칭할 수도 있고, 사용자의 컴퓨터를 가리키기도 하며 컴퓨터에서 동작하고 있는 프로그램이 될 수도 있다요청하는 쪽이 클라이언트가 되겠죠.

📝서버

서비스 요청에 응하거나 답을 주는 곳이 서버 네트워크 혹은 인터넷으로 확장을 시켜보면 우리가 어느 사이트에 접속을 할 경우 그쪽에서 연결을 허용하고 응답을 해야 연결이 이루어진다

그러면 내 컴퓨터는 클라이언트가 되고 상대 사이트의 컴퓨터가 서버된다

📝크롤링

공개된 웹페이지에서 필요한 부분을 수집하는 방법

📝빅데이터

방대한 데이터를 수집하고 필요한 부분을 추출해 결과를 만드는 것

📝정적웹페이지

코드안에 있는 내용을 그대로 보여줍니다. (코딩내용 - ID : 홍길동) 일시 무조건 홍길동만 뿌려줍니다.

📝동적웹페이지

로그인하면 사용자마다 보여지는 닉네임 등이 다 다른데 이부분은 동적으로 바뀐다 해당 데이터는 DB에서 가져와서 해당 데이터를 화면에 보여줍니다

📝서블릿 (Servlet)

Java언어로 View(HTML)도 만들고 로직도 만들어서 HTML을 반환시켜준다 → 서버에서 HTML 반환

📝JSP

Java Server Page 약자 HTML내에 스크립트 형식으로 자바코드 삽입해 동적 웹페이지를 만드는 것으로 서버에 올려 서버에서 실행시켜 HTML 문서를 만든다 → Servlet으로 만들면 코드가 되게 더럽고 보기도 힘들다 JSP는 해당 문제를 어느정도 해결해준다

📝JSTL

JSP에서도 Servlet의 불편함을 다 해소하진 못하는데 JSTL이라는 외부 라이브러리를 이용해 JSP에 스크립트문을 쓰는게 아닌 태그를 이용한다 (If문, For문 등... 여러가지가 있다 탬플릿 엔진이라고 생각하면 된다)

📝호스팅

업체에서 서버를 제공해서 내가 만든 HTML파일 따위를 사람들이 다른 컴퓨터에서 이용할 수 있게 도와주는 역할(URL로 접속)을 합니다

또한 많은 사람들이 이용할 경우 서버나 포트가 문제가 생길 수도 있는데 그것도 해결해줍니다 → 업체마다 다르겠지만 관리도 해주는 곳도 있다

📝웹호스팅

호스팅업체에서는 서버 한대에 1개의 포트(계정)만 제공해서 여러 업체들이 공유해서 사용하도록 관리해 줍니다.

📝서버호스팅

물리적인 서버(컴퓨터 본체에 해당)을 임대해 사용하는 것을 의미한다 → 직접 가지고 있는 건 아니고 외부에서 서버에 접근해 다양한 소프트웨어 설치 및 서버 배포, 포트 관리 등 다양한 방면에 사용이 가능하다 [그냥 컴퓨터에서 다른 컴퓨터에 접근해서 쓰는 거라 생각하면 됨]

📝웹퍼블리싱

디자인 시안을 기반으로 화면을 구성해내는 것을 의미

📝CSS

HTML에 꾸미기 기능을 넣을 수 있는 스타일 시트언어 입니다

📝아파치톰캣

아파치에서 만든 서버 프로그램으로 기동시 계속적으로 실행중이며 Java로 만든 코드들을 실행시켜주는 역할을 합니다

예를 들면 https://127.0.0.1:8080으로 페이지 접근시 해당 페이지 접근할 때 실행시키게 작성한 Java로 만든 코드를 실행시킵니다

📝JDBC

자바 프로그램 안에서 SQL을 실행하기 위해 데이터베이스를 연결시켜주는 응용프로그램입니다.

📝Web서버 (웹서버)

HTML같은 정적 컨텐츠 처리합니다.

정적 컨텐츠는 어떤 사용자가 이용하던지 바뀌지 않는 화면입니다 [제품 소개서 등...]

정적인 것만 처리할거면 WAS보단 Web서버를 쓰는게 빠르고 안정적입니다

📝was (웹어플리케이션서버) (앱서버) [AP서버]

WAS는 기본적으로 동적 컨텐츠를 제공하기 위해 존재하는 서버입니다.

JSP, PHP , ASP같은 개발 언어를 읽고 처리해줍니다. 예를 들면 톰캣은 JVM이 담아져있어 Java언어를 읽고 처리해준다

동적 컨텐츠라 함은 사용자에 따라 프로필 화면이 다른 것 처럼 DB와 연결되어 데이터를 주고 받거나 프로그램으로 데이터 조작이 필요한 컨텐츠를 의미합니다

현재는 WAS가 가지고 있는 Web Server도 정적인 컨텐츠를 처리하는 데 있어서 성능상 큰 차이가 없다

그런데도 Web Server를 따로 둬서 쓰는 이유는 기능을 분리하여 서버 부하 방지 때문입니다.

WAS는 DB 조회나 다양한 로직을 처리하느라 바쁩니다

만약 정적 컨텐츠 요청까지 WAS가 처리한다면 정적 데이터 처리로 인해 부하가 커지게 되고, 동적 컨텐츠의 처리가 지연됨에 따라 수행 속도가 느려진다. 즉, 이로 인해 페이지 노출 시간이 늘어나게 될 것입니다.

단순한 정적 컨텐츠는 Web Server에서 빠르게 클라이언트에 제공하는 것이 좋습니다.

그렇기 때문에 Web서버와 WAS는 같이 쓰이는게 일반적입니다

📝앱 (Application)

응용 프로그램

예) 카카오톡

📝Web Application 

웹서버 + 앱서버 + 웹브라우저 + DB서버

📝웹시스템 구조 (Web - WAS - DB 구조)

• 효율적 리소스 관리
  • 정적 리소스 많이 사용되면 WEB서버 증설
  • 동적 리소스 많이 사용되면 WAS서버 증설
• WAS서버 또는 DB 장애시 WEB서버에서 오류 페이지 제공 가능
  • 정적 리소스만 제공하는 WEB서버는 잘 안 죽기 때문에 가능
• 선행 처리 가능
  • WEB서버에 SSL 인증서 따위를 두어 항상 먼저 체크하고 들어갈 수 있는 등에 대한 행위 가능

📝유일성

중복이 없다는 것입니다.

이름을 보면 중복이 되는 사람이 있을텐데 이걸 쓰면 유일성이 없는거죠

학번같은 경우에는 절대 중복이 되지 않죠

📝최소성

낭비가 없다는 말입니다

예를 들자면 학번을 통해서만으로도 구할 수 있는데 굳이 학번 + 주민등록번호를 합쳐서 사용할 필요가 없죠

이럴 경우 최소성을 만족 못한다는 말입니다

📝슈퍼키

유일성은 만족하지만 최소성은 만족하지 못합니다

(학번, 주민등록번호) 이건 유일성은 만족하지만 최소성은 만족하지 못하죠

📝후보키

유일성과 최소성을 모두 만족하는 것 학번으로만 모든 걸 조회할 수 있으니 후보키가 됩니다.

📝복합키 (Candidate Key)

최소성과 유일성을 모두만족하고 2개 이상의 필드를 조합해서 만든 키입니다.

📝기본키 (Primary Key)

후보키들이 여러개 일텐데 그 중 선정된 1개를 의미합니다. 최소성과 유일성 모두 만족하는 키입니다.

📝대체키

후보키 중 선정된 기본키를 제외한 나머지 후보키를 의미합니다.

📝외래키

두 테이블끼리 연결 시켜주는 키입니다. 외래키는 부모 테이블의 기본키 값과 동일해야합니다.

📝폭포수모델

앞 단계에서 문제가 발생했을 때 되돌아가기 어렵다 가장 핵심적인 단계는 업무 분석과 시스템 설계입니다.

두 단계를 합쳐 전체 공정의 최소 50% 이상을 할애해야 한다 이 두단계의 비율을 줄일 수록 프로젝트 실패 확률이 높아진다

📝소프트웨어 공학

어떤 프로그램을 작성해달라는 요청을 받으면 계획과 분석보다는 무작정 코딩부터 했다.

하지만 어떤 체계를 가지고 작업을 해야 개발, 운용, 유지보수 등 여러가지를 더 좋게 할 수 있는지 알아내는 학문입니다.

• 공학
  • 공업적인 생산에 응용하여 생산력과 생산품의 성능을 향상·발전시키기 위한 과학 기술의 체계적인 학문

📝필드(열), 레코드(행), 엔터티

아이디, 이름 , 주소들을 각각 열 이름(엔터티)이라고 하며 그 밑으로 세로 줄을 열(필드)라고 합니다. 

Lee 이민용 경기도 부천시 중동과 같은 열에 해당하는 정보를 행(레코드)[가로]라고 합니다. 

📝SQL

1. 데이터베이스를 조작하는 언어
2. 대부분 DBMS제품에서 공통적으로 호환된다 그래서 다른 시스템으로 이식하는데 큰 문제가 없다
3. SQL은 바로 질의하고 결과를 얻는 대화식 언어이다.
4. 클라이언트 / 서버 구조를 지원합니다. 클라이언트에서 질의하면 서버에서 질의를 받아 처리합니다.

📝HTML

Hyper Text Markup Language의 약자로서 태그로 웹 페이지의 화면을 만듭니다 마크업언어란 태그로 이루어진 언어입니다.

<html>
<head>

</head>
<body>
    
</body>
</html>

기본적인 HTML구조입니다.

기본적으로<html>로 시작하고 </html>로 끝납니다

<head>에는 <style> <title> 등이 들어갑니다 앞으로 천천히 알아보도록 합시다.

<body>에는 화면에 보여질 부분을 작성하는 부분입니다.

📝상대경로

현재 위치를 기준으로 가려고 하는 폴더의 경로를 나타낸다

예시) 현재 경로가 C:\Users\Administrator\OneDrive인데 Administrator로 가려면 터미널에서 cd.. 명령어를 통해 이동할 수 있다

• cd 디렉토리명
  • 디렉토리명으로 이동
• cd .
  • 현재 디렉토리
• cd ..
  • 상위디렉토리 이동
• cd/
  • 루트디렉토리로 이동 (../상위디렉토리)
• dir
  • 현재 경로 파일, 폴더 등을 보여준다.
    
    

📝절대경로

예) C:\Users\Administrator\OneDrive\Computer

📝CDN

Content Delivery Network의 약자인 CDN은 지리적 제약 없이 전 세계 사용자에게 빠르고 안전하게 콘텐츠를 전송할 수 있는 콘텐츠 전송 기술을 의미합니다 간단히 말하자면 jQuery라는 자바스크립트 라이브러리를 사용하려면 내가 파일을 가지고 있어야하는데 어떤 사람이 http://naver.com/jQuery라는 곳에 올려두면 해당 경로에서 Import를 하면 다운받지 않아도 사용이 가능하다 그리고 해당 파일을 올려둔 서버중에서 가장 가까운 서버를 택해서 사용하는 기술이다

매번 네트워크를 이용하기 때문에 트래픽 낭비 및 시간이 걸릴 수 있다 웬만해서는 다운받아서 가지고 있는게 좋다 (참고로 해당 URL을 접속하면 jQuery에 해당하는 코드 내용이 나온다)  

📝부트스트랩

반응형 웹 어플리케이션 제작에 특화된 CSS 프레임워크입니다 이걸 이용해 개발 시간을 단축할 수 있습니다