Like Lion : 오리엔테이션 & HTML, CSS 를 이용한 이력서 만들기

김진권·2021년 10월 30일

like lion

목록 보기

1/22

✳️ 오리엔테이션

1️⃣ 출결에 대한 안내

출석체크는 2가지가 있다.
1. QR 출석체크 (고용노동부가 관리)
2. Zoom 출석체크 (멋사에서 관리)

입실 시간 : 8:50 ~ 9:10 (입실 시간에 신경을 써달라)
퇴실 시간 : 17:50 ~ 18:10 (퇴실 시간은 제한이 없다.)
점심시간 이후 중간 출석 확인 (1시 전후?)
출석이 제대로 되었는지 확인 해라!
외출, 조퇴 시에도 반드시 체크!
25분 이상 자리를 비우거나 카메라가 꺼져있는 경우 결석 처리

2️⃣ 행정적인 부분

중도포기 절차 : 운영매니저, 강사님 => 중도포기서 => 증명서류 준비
수강 80% => 수강 평 작성
종료 후 6개월 간 매달 취업 현황 파악을 위한 연락간다
다음주에 1기 노션 올려주겠다 (학습 안내도 노션에서 한다.)
훈련장려금?
국취지원금? 이건 고용노동부에 문의 하자
TIL 가능 : 강사가 올리지 말라고 하는 부분은 따로 알려줄 예정

3️⃣ 이두희님 강의

내 서비스를 20만명이 사용한다고 생각해봐라
데이터 분석도 프론트엔드에서 할 수 있다.
마스크 어플 : 요기요 API 사용
내가 만들고 싶은 서비스를 직접 배워서 직접 만든다.
Ex) 자소설 닷컴
Ex) 보트피플
Ex) 스터디코치
의미있는 성공을 반복해 나가는게 중요하다. 그리고 그것의 확장
우리 가족이 쓸만한 어플
스택오버플로우만 가라
영어를 억지로 하라
스택오버플로우를 편하게 읽을 때 까지 영어 공부를 해
스택오버플로우가서 질문해
영어가 안되면 셀프디벨롭이 안된다.
영어의 허들을 최소화해라
스택오버플로우에 질문하면서 무언가를 만들어 나가는게 최고의 답이다.
퍽이 프론트엔드로 날아갔다.
예전에는 비주얼라이즈만 프론트엔드에서 했다면 요즘에는 데이터까지 프론트엔드에서
결국 프론트엔드의 궁극은 풀스택개발자다.
이것저것 배우지말고 이 언어의 끝판왕을 찍어봐라 =>
이것저것 하지마 그냥 거기의 궁극을 찍어보면 나머지는 금방 흡수한다.
(JS로 시작했다면 역사와 특성 전부 마스터 해봐)
지금까지 했던 검색은 다 마이너스다 (한국어로 검색하지마)
=> 무조건 스택오버플로우

내가 만든 것이 어떤 가치가 있고 어떤 방향으로 나갈 것인지 항상 고민해봐
내 사이드 프로젝트가 어떤 파급력을 가질지 친구나 지인 가족에게 보여줘봐라
코딩의 번아웃은 나는 코딩으로 풀었다 (도메인, 배포까지 끝까지)
컴퓨터 사이언스는 결국 데이터의 흐름인데 예전에는 서버에 데이터가 있었다. 그 API를 서버에서 받아서 디스플레이하는 역할만 했는데 요즘은 많은 데이터를 프론트에서 다루니까 퍽이 프론트엔드로 넘어왔다고 보면되지 않을까?
성장에 중점을 둔다면 => 연봉 낮추고 관심있는 분야에서 재밌게 작업
개발자는 인내력이다.. (창의력은 나중 이야기), 그리고 질문을 많이 하는 태도
스마트 컨트랙?
리눅스를 올려서 개발하라 (맥이 있으면 맥에서 개발해라)
3개월은 짧다.. 몰입하라

김영웅님 강의 :
TIL 추천 : 회고, 개선, 성장의 기록을 쌓아라
(ex. 해봤는데 이런 점 아쉬웠고 이렇게 개선하려고 했는데 어떤 점이 좋았고 어떤 점이 좋지 않았다. 다음에는 이렇게 해봐야겠다)
오늘 말한건 블로그에 기재해도 좋다

✳️ HTML, CSS 를 이용한 이력서 만들기

강의를 통해 배운 html과 css를 사용해 이력서를 만들어 보았다. (안의 내용은 내 경력과 무관)
css를 이용해 정렬하는 것은 강의를 듣기 전엔

.float-wrap {
	display: flex;
	justify-content: space-between;
}

이렇게 display: flex;를 이용하여 정렬하는 법 밖에 몰랐는데 강의를 통해 새로운 방법을 접할 수 있었다.

.title-text {
  font-size: 11px;
  font-weight: bold;
  color: #282828;
  float: left;
}

.year-text {
  font-size: 11px;
  font-weight: bold;
  color: #282828;
  float: right;
}

.float-wrap {
  overflow: hidden;
}