(1) 실무 개발자(초보 개발자, 웹 개발자)가 갖춰야 할 기본 기술
- 화면제어 : HTML, CSS, JS, + BOOTSTRAP, JQUERY
- 데이터제어 : SQL, JDBC, API, MYBATIS 프레임워크
- 언어 및 도구 : JAVA, VS CODE, ECLIPSE, GRADLE, GIT
이 중 JAVA습득이 가장 시간이 많이 걸릴 것이고 전체 과정 또한 이 위주로 진행될 것이다.
또한 실무에 나갈 경우 기존 언어와 호환이 되며 필요시 습득하면 도움이 되는 호환언어들은 다음과 같다.
JAVA 호환언어 : KOTLIN, GROOVY, SCALE, GOOGLE GO(스타트업 위주로 사용)
JS 호환언어 : TYPE SCRIPT
(2) 소프트웨어 (S/W) : 시스템 소프트웨어와 어플리케이션 (응용)소프트웨어
-
시스템 소프트웨어 - 하드웨어의 제어를 위해 존재한다. OS나 , 부속 기기들의 제어 및 조정을 위한 드라이버, 그래픽카드 제어를 위한 다이렉트 X 등이 있다.
이 과정에서 배우는 내용은 아니다. -
어플리케이션 (응용)소프트웨어 - 최종 사용자가 쓰는 소프트웨어 이며. 아래아 한글 , 파워포인트, 카카오톡, 웹브라우저, 게임 ...등등 수도 없이 많다. 과정중 우리가 다룰 소프트웨어이다.
응용소프트웨어는 다시 몇 가지로 나뉘게 된다.
-
standalone - 단독실행되며 로컬에 설치된다.
ex) 아래아한글, 포토샵, 지뢰찾기, 그림판, ms office -
client / server (c/s) - 요구하는쪽인 클라이언트와, 요구받는쪽인 서버로 구성되며, 로컬과 원격에 설치된다. 이는 다시 로컬에 설치 여부에 따라 두 종류로 나뉘게 된다.
-설치형 ex) 게임, 카톡
-서비스형 ex) 유튜브, 네이버메일, 구글 미트 : 과정 중 우리가 개발할 건 이런 종류의 소프트웨어다.
(3) 서비스형 App
과정중에 우리는 웹 기술을 활용하여 서비스형 소프트웨어인 웹 어플리케이션를 개발하는것을 목표로 수업이 진행될 것이다.
(4) 웹 어플리케이션 개발 시 사용(대체)하는 것들
-
클라이언트 - 웹 브라우저를 사용한다.
-
서버 : 웹 서버를 활용한다. 웹 서버 안에 있는 웹 앱이 실행되고 결과가 리턴되는 방식이다.
ex) 기업용 관리 시스템의 CRUD 기능 (Create, Read, Update, Delete 의 약자로, 즉 데이터의 생성,읽기,갱신,삭제를 의미한다)또한 이 둘이 통신할때의 규칙을 Hyper Text Transfer Protocol, 즉 HTTP라 칭한다.
(5) Web Application Architecture (구조)
(6) 개발 도구 준비(for JAVA)
-
VS CODE ( = GOOGLE CHROMIUM + ELECTRON(JS LIBRARY-명령어 코드들의 묶음))
단순 편집기 및 웹 소스 편집기의 역할을 한다. -
GITHUB.COM 가입
GIT S/W 형상 관리 서비스
소스 변경 내역 관리, 소스 공유 등의 역할을 한다. -
git client 설치
github.com 과 연동 목적이며 CLI(Command-line interface) 구성이다.
※ GUI : graphic user interface. 우리가 흔히 평소에 쓰는 방식이다.
※ CLI : command line interface. cmd 창 같이 그래픽 요소 없이 명령어로만 구성되는 방식이다. -
자바 개발 도구 (JDK) 설치 : 자바 애플리케이션 빌드 도구이며 컴파일, 실행, 디버그, 문서 생성, 프로파일 (프로그램의 내면을 살펴보는 행위)이 모두 가능하다.
과정 중엔 graalvm을 사용한다.
※ 버젼의 경우 무조건 최신의 것을 쓰는건 지양해야 하며 고객 버젼에 맞춰서 개발하여야 한다.
※ 설치 후 java.exe(본 프로그램), javac.exe(컴파일 프로그램)의 버젼을 cmd창에서 확인해 주어야 하며 이를 위하여 다음의 환경변수를 설정해준다.
1) path 설정 : java 도구를 쉽게 찾을수 있도록 위치 정보 등록
2) JAVA_HOME 설정 : java 경로를 알고 싶은 프로그램을 위하여, 자바 설치 경로 등록
-
ECLIPSE IDE 설치 : 편집기, 실행결과출력, 디버깅추적기 등 개발관련도구가 구비된 프로그램이다.
※ IDE : Integration Development Environment. 통합 개발 환경으로 공통된 개발자 툴을 하나의 GUI로 결합하는 애플리케이션을 구축하기 위한 소프트웨어다.
(7) 형상 관리 시스템 (Configuration Management System)
SW(소스파일)의 변경내역을 관리 및 공유 하는 시스템으로 다음과 같은 구조를 가진다.
(8) cmd창을 이용한 github commit & push
-
cd 명령어를 사용하여 작업중인 폴더로 디렉토리를 변경해준다.
C:\Users\AAAAAAA>cd git
C:\Users\AAAAAAA\git>cd bitcamp-20211108 -
git add . 명령어를 사용하여 백업할 대상에 대해 파일명단에 추가한다. 마지막에 붙은 .는 현재폴더 및 하위 폴더에서 추가/변경/삭제된 파일을 포함하란 의미이다.
C:\Users\AAAAAAA\git\bitcamp-20211108>git add .
-
git commit -m "test2" 명령어를 사용하여 백업명단에 등록한 파일들을 로컬저장소로 백업한다. -m "test2"를 사용하여 각 백업파일에 메시지를 달아줄 수 있다.
C:\Users\AAAAAAA\git\bitcamp-20211108>git commit -m "test2"
[main e447f99] test2
1 file changed, 1 insertion(+)
create mode 100644 hello.txt -
git push 명령어를 사용하여 로컬저장소에 있는 파일들을 서버에 있는 저장소에 넣어준다. 이때 Password의 경우 보안상의 이유로 Personal access token을 발급하여 사용한다.
C:\Users\AAAAAAA\git\bitcamp-20211108>git push
Username for 'https://github.com': InfraWhale
Password for 'https://InfraWhale@github.com':
Enumerating objects: 4, done.
Counting objects: 100% (4/4), done.
Delta compression using up to 16 threads
Compressing objects: 100% (2/2), done.
Writing objects: 100% (3/3), 295 bytes | 295.00 KiB/s, done.
Total 3 (delta 0), reused 0 (delta 0), pack-reused 0
To https://github.com/InfraWhale/bitcamp-20211108
3f842fc..e447f99 main -> main
C:\Users\AAAAAAA\git\bitcamp-20211108> -
github에 잘 들어왔는지 확인해준다.
