12.16 ~ 12.20
이번 주는 유독 피곤했던 것 같다. 한 달이 되니까 몸이 슬슬 한계가 와서 힘들고 늦잠도 많이 자고... 체력적으로 힘들었던 한 주였다.
그리고 요즘 정말 춥지 않나요
넘 추워서 이번 주부터 롱패딩과 목도리를 꺼냈답니다..🧣 다들 감기 조심 !!
이번 주에 배운 내용
이번 주는 전체적으로 웹 프론트엔드에 대해서 배웠다.
자바스크립트와 비동기 통신, 웹 스토리지와 Vue에 대해서 배웠다.
자바스크립트로 간단한 숫자 야구 게임이나 최단 거리 알고리즘을 구현해봤는데, 확실히 이론으로 문법을 공부하는 것보다 이렇게 예제를 직접 구현하는 게 문법이 더 잘 와닿았고 잘 외워졌다.
사실 나는 자바스크립트로 리액트 프로젝트를 진행한 적이 있어 자바스크립트 문법은 다 알았는데.. 자바스크립트로 알고리즘은 구현해본 적이 없어서 처음 해보니 재밌었던 것 같다.
자바스크립트로 DOM 요소를 다루는 것도 처음 해봤다. 리액트로 구현할 때는 그냥 useState로 데이터를 저장한 후 가져오기만 하면 돼서.. document.querySelector같이 DOM 요소를 직접적으로 다룬 적이 없었는데 이번에 수업을 들으면서 JS로 DOM 요소를 가져오는 법과 다루는 법을 알게 되었다.
웹 스토리지(로컬 스토리지, 세션 스토리지)와 쿠키에 대해서도 제대로 배웠다. 로그인/회원가입 할 때 토큰을 쿠키에 저장한다는 것만 알고 있었지 로컬 스토리지와 세션 스토리지, 쿠키의 차이점도 모르고 정확히 뭔지도 몰랐었는데 이번 수업을 통해 각각 어떤 방식인지, 셋이 어떻게 다른 건지 알게 되었다. 크롬 개발자 도구를 통해 실습과 같이 진행해서 이해가 더 잘 갔던 것 같다.
브라우저 권한 설정하는 것도 배웠다. 코드 작성을 통해 윈도우 알림을 띄워보기도 하고, 카메라 권한을 받아 카메라를 띄우는 것도 해봤다. 카메라 권한 허용을 하니 내가 찍히는 게 넘 신기해서 계속 혼자 이리저리 움직였다 ㅋㅋㅋ 웹 페이지에 내 얼굴이 대문짝만하게 나올까봐 video 태그 스타일에 width height 작게 설정해놓고 카메라가 나오는 작은 화면에서 요리조리 움직이면서 혼자 놀았다.
그리고 Vue를 배웠는데 특히 Vue를 배워서 좋았다!! 교육과정 시작 전에는 React를 공부했고, 지금도 React로 프로젝트를 진행 중이라 Vue도 한 번 배워보고 싶었는데 이번 프론트엔드 과정에서 Vue 프레임워크를 써서 개발하는 게 정말 맘에 들었던 점 중 하나다.
Vue 프로젝트를 생성하는 법이랑 Vue Router 설정하는 법, 데이터 바인딩과 조건문/반복문을 배웠다. 아직은 처음이라 살짝 헷갈리지만 React를 처음 배울 때만큼 헷갈리지는 않은 것 같다. 확실히 React를 통해 컴포넌트와 라우팅의 개념이 잡혀있어서 이해는 더 잘 가는 것 같다.
강사님이 자주 쓰는 Vue 초기 템플릿을 설정하는 법을 업로드 해놓았다!
기본적으로 내장되어 있는 Vue 템플릿은 script 태그가 아래쪽에 있어서 강사님이 쓰시는 구조가 아니라서..
수업 내용은 아니지만 구글에 검색해보고 따로 글을 올려놓았다. 확실히 처음에 템플릿을 설정해두고 만드니까 넘 편한 것 같다.
옆자리 동기도 내 블로그 글을 보여주면서 세팅하라고 했더니 짱 편하다고 좋아했다 헤헤
이제 Vue를 활용해서 프론트엔드 프로젝트를 작업해야 되는데 시간이 넘 부족하다 ㅜㅡㅠ 얼른 프론트 프로젝트를 마무리 해서 디자인을 좀 더 예쁘게 만드는 것이 내 목표다!!!! 가보자고💪💪💪
KEEP
프론트엔드 프로젝트 작업
나와있는 사이트 중에 마음에 드는 디자인이 없어서.. 요소 하나하나의 디자인을 참고만 하고 직접 만들고 있다. 사실 css 클래스들이 중첩이 너무 많이 되어 있어서.. 따오는 것보다 만드는 것이 시간이 훨씬 단축되는 느낌이다. 완성된 페이지를 보면 나름 잘하고 있는 것 같아서 만족스럽다.
배운 내용 블로그 정리
이번 주는 배운 내용들을 바로바로 정리했다. 자바스크립트부터 비동기 통신, 뷰까지 배운 내용들을 잘 정리한 것 같아 뿌듯하다. 아직 정리 못한 몇 개가 있지만.. 다음 주에 가서 할 예정
매일 남아서 공부
저번 주부터 잘하고 있는 일 중에 하나 ㅎㅎ
나는 집에서 정말정말 공부를 안 하기 때문에 공부가 잘 되는 환경에서 하고 가야된다.
이번 주는 목요일에 내부 일정 때문에 학원이 일찍 닫았고, 금요일은 약속이 있었어서.. 목금 제외하고는 남아서 공부했다!
PROBLEM
astar 알고리즘 예외처리
자바스크립트를 배울 때 astar 알고리즘을 배웠는데, 대각선으로 가는 경로가 더 짧은 경우 같은 걸 처리를 안 해줬고.. 최단 경로가 나왔을 때 경로에 해당하는 칸을 색칠하는 것도 안 해줬다. 수업 끝나고 하려고 했는데 이번 주 내내 프론트엔드 프로젝트를 하느라.. 알고리즘을 풀이할 시간이 없었다.
오래 걸리는 페이지 마크업
사실 나는 약간(?) 완벽주의가 있다. 페이지 하나를 만들 때도 좀 제대로 만들고 싶어서.. 한 페이지를 만드는데 디자인이 내 맘에 계속 안 들어서 몇 번이고 고쳤다. 이렇게도 해보고 저렇게도 해보고 원하는 디자인을 찾느라 만드는 데 시간이 오래 걸렸다.
늦잠
이번 주에는 왜 이렇게 피곤한지 모르겠다. 늦잠을 좀 많이 잤다. 원래 8시 좀 넘어서 나와야 되는데 8시에 일어나서 부랴부랴 나온 날도 있었다.
TRY
astar 알고리즘 풀이 후 글 업로드
astar 알고리즘에 대해서 예외 처리를 다 해주고, 경로도 색칠해주는 코드를 작성한 다음 글을 업로드 할 계획이다!
이번 주에 꼭 끝내자,,,
프론트엔드 페이지 만들 때 큰 틀 먼저!
완벽주의 때문에 디자인 부분에서 사소한 디테일까지 잡으려고 시간을 많이 소요했다. 앞으로는 큰 틀부터 먼저 만든 다음에 페이지들을 어느 정도 완성하고 나서 나중에 디테일을 잡아야겠다.
웹 소켓, Postman 부분 포스팅
이번 주에 배운 내용을 적으면서 웹 소켓과 Postman 사용법을 포스팅하지 않은 게 생각났다...
웹 소켓 부분은 백엔드와 같이 병행하면서 하는 실습이라 수업을 따라가기 바빠 필기를 못했었다 ㅜㅜ
다음 주에 가서 쉬는 시간이나 수업 후에 정리해놔야겠다.
제때 일어나기
다음 주에는 늦잠 자지 말고 일찍 일어나기!!!! 8시에 일어나서 진짜 큰일 날 뻔했다.
알람을 10개를 맞춰서라도 제때 일어나야겠다.... 💤
TMI: 이번 주 먹은 것들
# 미분당
쌀국수 유명한 곳이라던데.. 나는 첨 가봤다
진짜 특이한 점이 조용한 컨셉이라 시끄럽게 말을 못 한다. 조용조용 소곤소곤하게 밥을 먹어야 한다.
쌀국수도 맛있었고, 짜조가 바삭하고 진짜 맛있었다!! 개인적으로 고구마보다 가리비짜조가 맛있었당
# 역전우동
중학교 때 이후로 첨 와보는 역전우동
돈까스덮밥세트를 시켰는데.. 나는 소불고기 김치 덮밥이 더 맛있었다
# 홍콩반점
점심 때 원래 홍콩반점을 가기로 했는데 자리가 없어서 역전우동을 간 거라.. 수업 끝나고 동기들이랑 같이 저녁 먹으러 갔다.
홍콩반점도 오랜만에 먹어보는데 확실히 전보다 맛있어진 느낌 ?
내가 밥 먹는게 느려서 동기들이 다 먹었는데도 나를 기다려줬다... 감사합니다 허허
# 탕화쿵푸 마라탕
마라탕 진짜 좋아해서... 마라탕 먹으러 갔당
점심에 사람 많을 줄 알았는데 생각보다 없었다
여기 마라탕 진짜 맛있다 ㅜ ㅜ 또 가고 싶음
백탕처럼 보이지만 1단계입니다....
# 큰맘할매순대국
순대해장라면 먹었는데 존맛탱... 라면에 밥까지 나와서 좋았다
맵찔이라 얼큰은 못 먹고 양념 풀어서 먹었는데 짱맛있음
든든하니 맛있었다
그리고 이건 진짜 진짜 TMI인데...
제 주간 회고의 대표 사진은 그 주에 먹었던 것들 중에 가장 맛있었던 음식입니다 😎
'회고 > BEYOND SW 캠프' 카테고리의 다른 글
| [BEYOND SW CAMP] 4주차 회고 (1) | 2024.12.16 |
|---|---|
| [BEYOND SW CAMP] 3주차 회고 (1) | 2024.12.09 |
| [BEYOND SW CAMP] 2주차 회고 (4) | 2024.12.02 |
| [BEYOND SW CAMP] 1주차 회고 (1) | 2024.11.24 |
