[주간피드백] 엘리스 SW 엔지니어 트랙 2기 - 1주차

4월 4일 ~ 4월 8일 주간 피드백

엘리스 SW 엔지니어 트랙 2기는 내가 생각한 것보다 훨씬 이상의 훌륭한 운영 시스템과 플랫폼, 강사님, 코치님, 운영진분들 덕분에 만족스럽고 많이 배워가는 한 주였다.
Git 강의를 제외하면 모두 알고 있던 내용이었지만, 하나도 지루하지 않고 오히려 기초를 한 번 더 다질 수 있어 많이 도움 되었다.
수업이 끝나면 매일매일 TIL을 작성하고 알고리즘 공부를 했다.(덕분에 바빴던 일주일...!)
그래도 아는 내용 배울 때 기록하는 습관을 들여야 할 것 같아서 앞으로도 꾸준히 TIL 작성할 예정이다. 트랙을 수료할 때쯤 무한히 성장한 나를 기대한다!

1주차에 배운 것

HTML

웹사이트 제작시 고려사항

웹 표준 : 웹사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격
웹 접근성 : 장애의 여부와 상관 없이 모두가 웹사이트를 이용할 수 있게 하는 방식
크로스 브라우징 : 모든 브라우저 또는 기기에서 사이트가 제대로 작동하도록 하는 기법

Block 요소 vs Inline 요소

Block 요소 : <h> <p> y축 정렬 형태로 출력(줄바꿈 현상 나타남)
Inline 요소 : <a> x축 정렬 형태로 출력(한 줄에 출력)

CSS

CSS 우선순위

inline style > id > class

속성

float : 선택된 요소를 왼쪽 끝 혹은 오른쪽 끝에 정렬시키고자 할 때 사용
clear : float에 대한 속성을 제어하고자 할 때
grid : 1 : 1 : 1 비율로 그리드 나누기 1fr 1fr 1fr;
Media Query : 다양한 기기에서 웹페이지를 접속함. 다양한 기기 크기에 맞게 조절해줌.
viewport : 화면의 크기를 보기좋은 크기로 만들어준다
flex : Inline-block 은 중간에 빈공간이생김(마진0임에도) 그럴때 플렉스 사용
transition : 웹 요소의 css속성이 바뀔때 자연스럽게 바꿔주는 속성
Hover : 요소에 마우스를 올렸을 때 반응하게 하는 css 요소입니다.
Text-align(글자 정렬) : 문단 정렬 방식을 정하는 속성은 text-align입니다.
Transform : 변형에 관련된 속성으로 크기,회전,위치 등을 변형시킬 수 있다.
Animation : 요소에 애니메이션을 설정 및 제어합니다.

Git

$ git init : Git 저장소 생성
$ git add comment.js : 새로운 파일 생성
$ git add . : 한 번에 모든 파일 지정하기
$ git status : 파일 상태 확인
$ git commit -m "Initial commit" : 저장소 반영
$ git log : 저장소 반영 내역 확인
$ git branch 생성이름 : Git Branch 생성
$ git checkout 브랜치이름 : Git Branch 전환
$ git merge 통합할브랜치명 : 브랜치 병합
$ git pull origin 가져올브랜치 : pull 원격 저장소에서 데이터 가져오기 + 병합(Merge)
$ git fetch origin 가져올브랜치 : fetch 원격 저장소에서 데이터 가져오기
$ git push origin master : 저장소 발행

추가로 알게된 것

• 웹사이트 제작시 고려사항
• CSS 우선순위
• float
• clear
• git merge / pull / fetch
• conflict(충돌) 해결

주차테스트 오답노트

1. transition

.transition{
  transition: width 2s linear 1s;
}
        
.transition:hover{
  width:300px;
}
</style>

width 2s linear 1s
2s : 2초 동안
linear : 속도 일정하게
1s : 1초 후에

:hover
‘마우스를 올렸을 때’ 라는 조건

2. 미리 만들어진 원격 저장소를 관리하는 순서

A. git clone으로 원격 저장소를 복사한다.
B. git checkout으로 작업할 브랜치를 가져온다.
C. 프로젝트를 개발하면서 필요한 커밋을 만든다.
D. git push로 커밋한 내용을 원격 저장소에 올린다.

피드백 정리

긍정 피드백 👍

• 꾸준히 TIL 작성을 했다!

개선점 피드백 🔥

• 1일 1커밋 실천중인데 이틀을 건너뛰었다 => 다음주 1일 1커밋 성공하기
• 백준 알고리즘 세문제밖에 풀지 못했다 => 다음주 5문제 풀기
• Git 이해도가 부족하다 => Git 강의 한번 더 복습해서 Git 정리글 쓰기
• 시간이 되면 Emmet 정리글도 쓰고 싶다