유데미 스타터스 취업 부트캠프 3기 - 백엔드 1주차

하루입니다.

---

놀랍게도 유데미 스타터스 부트캠프 3기 백엔드 과정에 합격했습니다. 교육장은 용산 새싹입니다.

 

 

221123 - 1일차. html

• 아이스 브레이킹을 했습니다. 종이 안 보고 얼굴 그려주기, 관심사 말하기, 내가 원하는 업무환경 만들기(이게 놀이공원인지 펜션인지) 등의 활동을 했습니다. 모두 처음 해 보는 거라 빠른 시간 내에 외향 에너지가 닳긴 했지만 굉장히 재밌었습니다. 여러모로 주최측에서 신경을 많이 썼다고 느꼈습니다.

 

왼: 제가 만든 고양이 / 오: 누군가 그려준 제 얼굴 ...

• 유데미 부트캠프/웅진 소개 : 왜 부트캠프를 만들었는지, 높은 경쟁률, 웅진과 스타터스 소개, 평가 요소 설명
• 여기서 함께하는 분들은 모두 개발에 대한 열정과 학습에 대한 의지가 있는 분들이다!
• 새싹 소개 : 청년취업사관학교. 
• 커리큘럼 소개 : 3달 안에 html css js db aws java spring ... 
• 강사님 소개, 수업 규칙 설명

 

 

배운 것

• 처음 두 주는 프론트엔드 기술 배운다.
• 웹개발 개요 : 정적사이트와 동적사이트, 서버와 클라이언트
• 환경설정
• 모든 환경설정은 C드라이브 밑에 sba라는 폴더를 만들어서 진행했다.
• 1. 크롬 설치
• 2. jdk 설치
• 3. 톰캣 설치
• 4. 이클립스 설치
• 이클립스
• dynamic Web Project 생성 - runtime 설정 - 완료 후 .html 파일 생성
• 이클립스 환경설정 - Preferences에서 설정 가능

 

 

 

---

 

 

221124 - 2일차. html

• 텍스트 표현 : 제일 종류 많고 쉽다.
  
•         h1, p, hr, il, ul, li, &nbsp, table 등
• 상대경로와 절대경로 : url 기준
• 이미지, 영상, 소리 = 멀티미디어
  
•         img, audio, video, controls로 재생 버튼 보이게, autoplay로 자동재생, loop로 무한재생
•         영상에는 poster라고, 일종의 썸네일 설정하는 게 있다. 
• 시맨틱 태그 : 나중에
  
• 링크 태그
  
•         <a href="">, target="blank 사용하면 새 탭에서 열림, <a href="#first">면 해당 아이디를 가진 곳으로 이동한다.
• 입력 양식 태그
• html이란? Hyper Text Markup Language

 

 

---

 

 

221125 - 3일차, html input tag, CSS

• text, password, hidden, radio, checkbox, file, textarea, select option
• reset, button(기능 없엉), summit/image(기능내장-form의 action에 적힌 파일로 전송하라) 
• 이 값들 꼭 <form action="전달 파일명"> </form> 안에 넣어서 보내자. name과 value도 꼭 주고 ...
• name과 id와 class의 차이와 용도를 잘 구분해서 사용하자.
• required, readonly, pattern
• 정규표현식 :pattern="[문자 구성 규칙, 범위, - 없다면 또는이다.]{문자 갯수}"
• pattern="[A-z가-힣0-9]{5, 10}"
• html5에서 추가된 태그들
• color, date, email, number, range, tel, text, url, submit

 

CSS

• CSS 우선순위
• 1. 기본적으로 맨 아래의 것으로 css 속성을 덮어쓴다.
• 2. !important  0순위
• 3. inline방식은  1순위 
• 4. #id선택자     2순위
• 5. .class선택자  3순위
• 6. tag선택자     4순위
• 7. 요소 선택 { css속성명:css값 ;   ;   ; }
• 7-1. 태그명 / #id값 / .class속성값

 

• 헷갈리거나 안 해 본 것만 적기
• height와 line-height의 값을 같게 주면 세로 중앙 정렬이 가능하다.
• 링크에서 밑줄을 없애려면 text-decoration: none;을 주면 된다.
• 그림자를 만들려면 text-shadow: x위치 y위치 흐리기 색깔; 을 사용한다.
• list-style을 사용해서 심볼을 변경할 수 있다. ol ul의 겉보기 차이가 사라진다.
• list-style-type: none;        list-style-image: url(" ")을 사용하면 이미지를 넣을 수 있다.
• visibility: hidden; 이건 자리 남아있음
• display:none; 이건 자리도 안 남아있다.

 

• 박스모델
• 설명보단 그림으로

 

• display (중앙정렬!!!)
• inline, block, inline-block 세 종류
• div는 text-align이고, inline이 margin: auto; (확실하지 않음)
• list의 중앙정렬은 li를 inline으로 바꾸고, text-align을 센터로 바꾸자.
• list는 자체 padding이 있어서, padding을 0px로 줘야 중앙으로 온다.
• display.html, boardlist.html을 참고하자.

 

• 그 외
• 여기 천문대 잇던데 꼭 갈 거다
• 쉬는시간에 볕 잘 드는 테이블로 가서 엎드렸는데, 해가 쨍쨍했다.
• 궁금해서 별자리 어플로 보니까 놀랍게도!!!!!!!!! 태양과 금성과 수성과 달과 전갈자리가 함께 있었다!!!!!!!!!!!! 행운이었다!!!!!!!!!!

함께 보아용

 

 

---

 

 

 

5L 회고

1. 이번주 수업에서 좋았던 점은? (Liked) 

 잘 다뤄보지 않았던 것들을 다뤄볼 수 있어서 좋았다

 열정적인 동료와 열정적인 선생님과 함께할 수 있어서 좋았다

 

 

2. 이번주에 새롭게 배운 점은? (Learned) 

list의 링크와 심볼을 없애서 가로로 정렬한 뒤 가운데로 놓기

 

 

3. 배운 것에 관해서 내가 부족했던 부분은? (Lacked)

중앙정렬!

 

 

4. 앞으로 뭘 더 하면 좋을까? (Longed for)

 ? 강의 들어야지 ... 유데미 필수 강의가 다 합쳐서 150 시간은 되던데, 정말 바쁘게 들어야 한다.

 건강 챙기기. 쉬는 시간마다 스트레칭, 여건이 된다면 잠깐 걷기

 주변 밥집 찾기 ... 맛집보다도 밥집이 시급하다.

 그 날 배운 건 그 날 기록하기

 다만 기록에 너무 많은 시간을 사용하지 않기

 깃 사용법 익히기

 

 

5. 마지막으로 (Last)

• 동료들이 질문과 대답에 서슴없다고 느꼈다. 알면 대답하고, 모르면 옆 사람에게 물어보고, 그래도 답이 안 나오면 정답을 아는 누군가(진짜 누군가임 굳이 가까이 있지 않더라도 알면 대답해줌)가 대답해준다. 
• 도움 주는 사람이 되고 싶다. 여태까지의 교육에서는 도와준다기보단 개인 플레이 혹은 도움 받는 포지션이었다. 알려주고 도와주기 위해서 공부를 더 많이 해야겠다는 생각을 했다.
• 화장실이 좁다 ... 점심시간에 가면 줄 서야 한다
• 내 모니터와 수업 스크린을 번갈아 보느라 가끔 멀미난다 고개를 도리 도리 도리
• 할 게 너무 많아서 뭐부터 해야할지 모르겠다. 열심히 살아야겠다!
• 아침 점심 저녁을 어떻게 해결해야 할 지 고민이다.
• 기록에 너무 많은 시간을 쓰지 말자!!!!!!!!!!!!!!!!!!!
• 비공개 포스팅 비밀번호는 1212

 

 

---

 

 

* 유데미 바로가기 : https://bit.ly/3V220ri

* STARTERS 취업 부트캠프 공식 블로그 보러가기 : https://blog.naver.com/udemy-wjtb

본 후기는 유데미-웅진씽크빅 취업 부트캠프 3기 백엔드 과정 학습 일지 리뷰로 작성되었습니다.