TIL

오늘은 자기소개서랑 프로젝트 개발 기록을 정리하는데 시간을 거의 다 썼다. 내일은 알고리즘 문제도 풀고 프로젝트도 더 많이 개선해야지 ㅎㅎ Vuex로 렌더링 조건 상태를 관리할 때 컴포넌트 깜박임 문제 해결 문제 상황 Vuex로 클라이언트의 인증 상태를 관리한다. 메인 페이지로 사용하는 컴포넌트에서 로그인 한 사용자와 로그인 하지 않은 사용자에게 보여주는 컴포넌트를 분리했는데, 페이지를 새로고침 하면 인증 상태가 초기화될 때 잠깐 LoginBefore 컴포넌트가 그려지고, 서버에 인증 상태를 확인하는 요청이 완료되고 나면 LoginAfter 컴포넌트가 그려져서 깜박이게 된다. 해결 방법 컴포넌트가 그려지기 전에 인증 상태를 확인해야 한다. 방법1 컴포넌트 로딩 시점보다 빠르게 인증을 받아내기 브라우저가 ..

내일배움캠프를 시작하고 TIL을 적기 시작하면서 컴퓨터 게임을 하는 시간이 많이 줄어들었다. 참는게 힘들지도 않고, 하루종일 코딩하는게 당연하게 느껴지기 시작했다고 해야하나? 고3때 수능 준비하던 시절에도 이런 기분이였는데, 취업 준비를 하면서 다시 느끼게 될 줄이야 ㅋㅋㅋㅋ 서류 탈락하는 주제에 거만한 말이지만 나는 지금도 신입 개발자로 취업하면 회사의 기술 스택에 빠르게 적응하고 기여할 수 있다는 자신감이 있다. 그런데 다른 분들이 보기에는 내가 증명한 것이 없으니 근거 없는 자신감으로 생각하시겠지. 그래서 자신감 말고 나를 증명할 것들이 필요하다. TIL을 매일 적는 것도 하나의 증명 과정이라고 생각하고 있다. TIL을 쓰다 보니, 내가 문제를 해결하는 과정도 TIL에 자세히 포함할까 했지만 TIL..

국비 지원 교육이라서 공휴일은 전부 쉬는 날이라고 한다. 게더타운에 들어갔는데 가끔씩 4~5명 정도 보이는 것 말고는 아무도 없었다 ㅎㅎ.. 다음주엔 더 많으면 좋겠다. 오늘 한 것 Vuetify의 data-table 컴포넌트를 사용해서 알람 리스트를 만들고 수정, 삭제 기능을 개발했다. 예제를 보니 Vue의 computed, watch, slot을 활용해서 만든 컴포넌트였다. 해당 문법들에 대해 간단히 정리해보자. computed: 다른 데이터(상태)를 기반으로 한 데이터를 만들 때 사용한다. 참조하는 데이터가 변경되지 않으면 다시 계산하지 않는다. 캐싱해두기 때문에 쓸모없는 연산을 안해서 최적화에 좋음. import { ref, computed } from 'vue'; ​ const count = r..

9시부터 9시라는 시간이 정해져 있고, 함께 공부하는 사람들이 있으니까 혼자 공부하는 것보다 집중이 잘 됐다. 참가하길 잘했다는 생각이 든다. 팀 프로젝트로 팀 소개하는 페이지를 만들라고 해서, 처음에 준 강의에서 배운 것(HTML, CSS, JS, JQuery, Bootstrap, Firebase)을 바탕으로 만들기로 팀원들과 얘기했다. 그런데 막상 만들려고 보니까 편하게 Vue로 컴포넌트 만들면서 쓰다가 번들러 없이 자바스크립트 es6 사용하는게 얼마나 안좋은 일인지 느꼈다. ES6의 import export는 html에서 사용하려면 만 가능하고, 심지어 여기서 정의한 것들은 스코프가 script 지역이라서 번거롭기도 하다. 모듈만으로 사용하라는 의미의 제약이겠지만.. 지금 당장은 불편하다 ㅠㅠ 그래..

혼자 준비하는데 계속 떨어지니까 내가 부족한 것 같기도 하고, 스스로 준비하는 것보다 다른 사람들과 함께 하는 게 더 도움이 될 거라고 생각해서 부트캠프인 내일배움캠프를 신청했다. 신청 과정은 간단했다. 300자 이내의 지원서를 작성해서 제출하면, 며칠 내로 연락이 온다는 안내를 받았는데, 3~4시간 만에 합격 문자를 받았다. 기간이 얼마 남지 않아서 그런지 빠르게 합격된 건지 모르겠지만 탈락 이메일만 받다가 합격이어서 기분은 조금 좋았다 ㅋㅋㅋㅋ 학습 내용 학습 자료로 웹 개발 기초 강의와 SQL 기초 강의를 받았고 그걸로 공부하고 있다. 아는 것들이라고 대충 보지 않고, 복습하는 느낌으로 꼼꼼히 듣고 있다. 간간히 헷갈렸던 CSS의 레이아웃(inline, inline-block, block, flex..