시작

드디어 한 달을 기다리던 구디 아카데미 IT국비지원 JAVA 교육이 시작이다.
비전공자에다 평소 컴맹이라고 생각해 왔던 내가 말로만 개발 배워야지를 되뇌던 게 어언 3년이 되어 간다.
머리가 굳은 지 한참인 나이인데 정말 잘할 수 있을까, 이제 와서 직종을 바꾸는 게 괜찮을까, 여러 번 고민했지만 하겠다고 생각한 이상 내가 할 수 있는 최선을 다할 생각이다.

• veloge 사용법 익히는 중
• 오늘 치 목표 달성!

과정이름	날짜	강사
K-Digital Training	2023.07.26	김지훈
velog 사용법 익히기	~end	김인혜

---

학습 관련 내용 사전 브리핑

• 알집류의 프로그램 사용 금지
  
• 웹개발 배우는 과정
• 프론트엔드(Front-End) : 프론트단의 비지니스 로직과 사용자 영역의 개발
• 백엔드(Back-End) : 프론트에서 요구하는 데이터의 포맷이나 데이터베이스 입출력 및 다양한 비즈니스 프로세스를 코드로 구현하고 이를 위한 DB를 설계하고 백엔드 프레임워크를 이용하여 앱을 구현

  상세내용 하단 목록 참조
  

학습 예정

• 화면(Front end)
  • HTML, CSS, JS, J-Query
    
• 서버(Back end)
  
• JAVA
  
• JSP
  
• MVC
  
• Spring 중요*
  
• DB(Data Base) - maria DB 중요*
  

---

이하 구디아카데미 김지훈 강사님의 수업자료와 강의 내용 정리, 실습한 내용을 정리함!

학습내용

사전 준비

• vs code 다운로드
  
  • 프로그램 다운로드 시 강의와 맞추어 상세 설정 동일하게 진행
  • 초기 설정은 기록해 두어야 추후 잊지 않을 수 있음
• open in browser install(코드 내용 브라우저 표시 기능)
  
• 웨일 브라우저/웨일온 설치(화면 안 보이는 뒷자리 화면 공유용)맨 앞자리지만 혹시 몰라 그냥 깔아봄😎
  
• 강의 파일 업로드용 구글 드라이브

01_HTML

• head와 body를 나누어 머릿글과 본문이 입력된다.

• head의 tidle은 페이지 탭 부분에 표시

  start.HTML

• 입력
  

• 출력
  
  

table.HTML

• table 에서 tr-행/ td or th 을 통해 열 순서대로 값을 입력한다.

• 칸은 반드시 위와 동일해야 한다.

• 입력
  

• 출력
  
  

tablespan.HTML

• span 은 폭을 의미한다.

• colspan(열이 들어간 폭을 지정)/rowspan(행이 들어갈 폭을 지정)

• 늘리는 영역의 칸은 삭제해야 한다.

• 입력
  
  

• 출력
  
  
  

colspan/rowspan.HTML

• 입력
  
  

• 출력
  

spanSameple

• 입력
  
  
• 출력
  

한줄평

• 예상보다 재밌다! 컴공과 나온 친구에게 말했더니 본인도 HTML 하고 재밌어서 컴공과를 갔다가 후회했다고 한다. 그래도 재밌다고 느꼈다는 것이 중요하다. 강의에서도 HTML은 도큐먼트(문서)라고 한다고.
• 어느 부분이 재밌냐면, 내가 입력한 대로 표현되는, 결과를 바로 눈으로 확인할 수 있다는 점이 재미있다.
• table을 자주 잊고 입력해서 출력 결과물을 보고 뭐가 문제인가 했다가 나중에 알아차린 게 두 번. 로직을 좀 더 염두에 두고 작업해야겠다.