FRONT-END SCHOOL 5기
/
프론트엔드 스쿨 5기 회고조
/
💫회고조
/
6시내고향내침대
/
회고록
/
회고록 기록
/
스프린트 회고3 - 배운 것을 “잘”하려면
Search
🚀
스프린트 회고3 - 배운 것을 “잘”하려면
태그
스프린트 회고
날짜
2023/04/03 03:39
MISSION
•
JD에서 확인한 중요한 키워드 중 우리가 알고 있는, 배운 1가지 키워드에 대해서 “잘”하기 위한 시도와 경험을 정리해보기
◦
ex_HTML, CSS, Git
▪
최소한의 마크업으로 유동적인 레이아웃을 짜도록 하는 것
Gallery
Search
다른 부분은 아직 시도를 해보지 않았으나 찾아본 JD의 기본이 되는 HTML과 CSS에 관해 적습니다.
제가 가장 중점을 뒀던 부분은 다음과 같습니다.
-불 필요한 부분이 없는 코드를 짜는 것
→ 코드를 혼자 구현해 본 뒤 수업을 듣고 내가 짠 코드와 강사님이 짠 코드의 차이점 비교 및 개선 방향 정리
→ 추후, 시간이 흐른 뒤에 해당 코드를 처음부터 다시 구현하며 부족했던 부분과 개선 방향 및 차이점에 중점을 두어 해당 부분을 해결해 코드 구현을 하려는 노력
→ 실제로 처음 짠 코드와 나중에 짠 코드를 보면 많은 부분이 개선이 되었다는 것을 볼 수 있었음
윤선호
Git을 이용한 협업
“잘” 하기위한 시도와 경험
•
단순히 블로그와 강의를 통해 사용 방법을 익히기보다는 1일 1커밋과 공부 기록 등을 Github에 남기면서 Git을 최대한 사용하는 것을 습관화하였습니다.
•
그 과정에서 다양한 git 경고 메시지를 접하게 되었고 merge시 충돌을 해결하는 방법과 에러 메시지들을 해결하는 방법, 깃을 효율적으로 사용하는 방법을 습득할 수 있었습니다.
UI/UX에 대한 이해와 관심
“잘” 하기위한 시도와 경험
•
만든 프로젝트가 있다면 OpenWAX, W3CValidation으로 마크업이 잘 되었는지 체크하고, Lighthouse와 같은 최적화 도구를 사용하여 개선점을 파악하는 과정을 진행하였습니다.
•
이를 통해 프로젝트를 리팩토링하면서 성능을 최적화하고, 웹 접근성을 개선하였습니다.
이미현
이석형
•
JD에서 확인한 중요한 키워드 중 우리가 알고 있는, 배운 1가지 키워드에 대해서 “잘”하기 위한 시도와 경험을 정리해보기
HTML/CSS
🫡
문제를 찾고 개선하기 쉽도록 큰 블록을 기준으로 주석을 이용해 코멘트를 달아서 구별하여 구조파악에 용이하도록 노력하였습니다
🫡
과제를 구현할 때 어떤 부분에 어떤 태그를 사용하는 게 좋을 지 시맨틱한 태그를 위해 직접 그림을 그려보며 블록을 나누어 보는 연습을 했습니다
이슬아
모두를 위한 웹 페이지 구현
•
텍스트로 정보를 받아들이는 스크린 리더 사용자를 위해 텍스트로 충분한 정보를 제공하고 필요에 따라 숨김 처리를 하는 등 웹 접근성을 고려한 마크업을 구현했습니다.
•
최신 CSS 기술을 익히는 것과 동시에 구 브라우저 대응 여부를 확인하고 이를 위한 CSS 속성을 익혔습니다.
정유송
•
JD에서 확인한 중요한 키워드 중 우리가 알고 있는, 배운 1가지 키워드에 대해서 “잘”하기 위한 시도와 경험을 정리해보기
JD분석한 키워드 : HTML/CSS
JD에서 확인한 중요한 키워드 중 우리가 알고 있는, 배운 1가지 키워드에 대해서 “잘”하기 위한 시도와 경험을 정리해보기
키워드 : HTML/CSS
잘하기 위해 노력한 점
•
텐츠의 크기에 맞춰 유연한 CSS를 하기위해 height값 설정을 되도록 안했음
•
코드를 짜는데 있어 필요없는 코드가 있는지 개발자모드에서 하나하나 점검하고 삭제함
정종미
•
반응형 고려
•
HTML
한수정