🌈 2022년 5월 23일
오리엔테이션 @ 2pm
- 그 날 배운 것들은 꼭 정리해서 이해하기
- 외우지 말고 원리에 대해 고민하기
- 하루에 10~12시간 투자하기
Pre-Course (2 weeks)
- replit 문제 풀기
- front-end, back-end 결정
Pre-Course Guide
- 배웠던 지식과 사용한 경험을 녹여내기
- 사전적인 정의 뿐만 아니라 내 생각 적기
- 면접 질문이라면?
Foundations (2 weeks)
- 개발 프로젝트 협업과 소통의 과정을 미리 경험
- Develop Front-end & Backend Tech Stack
front-end: React / Backend: Django - Project: WeStagram
- Code Kata:알고리즘 사고
Group Projects (4 weeks)
- 2주짜리 프로젝트를 2번 진행
- 기획 개발, 테스트, 배포까지 진행
- 5~6명 팀 구성
Final Project (4 weeks)
- 기업 협업 프로젝트
- 취업 준비 시작, (1차 이력서 제출, 3개월 학습 후기)
멘토 Q&A 라운지: 2-6PM
HTML & CSS Replit 시간
📌 다시 기억하고 싶은 개념
🌟 CSS Selectors
div .container li.first-listli 태그인데 "first-list" 클래스인 요소에 css를 적용한다.
그런데 div태그 내부의, "container"클래스 내부에 있는 요소에만 적용한다는 뜻입니다.
🌟 Semantic Web과 Semantic Tag
-
위 주제 관련 블로그 작성하라는 과제가 주어졌다. 완성 ✓
🌟 테이블 작성하고 속성 값 변경하기
- 위 처럼 테이블을 완성하라고 했는데 th 태그를 사용하니 default로 볼드에 가운데 정렬이 됐다. 내가 수행해야 할 미션은 CSS로 볼드를 없애고 왼쪽 정렬로 바꾸기
CSS로 th 볼드 없애고 왼쪽 정렬하기:
th {
text-align: left;
font-weight: normal;
}회색 하이라이트하는 방법은 계속 찾아봤는데도 잘 안됐다. 결국 해결해낸 방법은 colspan td에, 🌟 id 값을 부여한다!!!!! 🌟 (아래 링크 참고)
<td colspan="2" id="grey">Yoga marathon</td>
<td colspan="3" id="grey">Water polo</td>id 값을 부여한 후, css에서 #grey를 만들어 silver로 색 지정해주기. #는 id 값을 의미하는 코드다. "내가 바꾸고 싶은 애는 html의 #가 달린 grey 이름이야." 이런식으로. 그러므로 grey는 어떤 이름이든 내가 원하는대로 만들 수 있다.
#grey {
background-color: silver;
}참고:
https://stackoverflow.com/questions/41124539/table-how-to-save-background-color-of-col-using-colspan
4대륙 개발자