분류 전체보기

멋사 프론트앤드스쿨 수료, 4개월 성장의 소회

2022/3/28~2022/8/1 평생 서비스직군에 있던 내가 개발이 하고싶어서 다니던 회사를 관두고 같은 꿈을 꾸는 사람들이 있는 곳에 왔다. 그리고 4개월이 지난 지금, 무엇을 얻었는지 돌아보려 한다. # 주간 성장일지 4개월동안 거르지 않고 작성해 온 성장일지. 기술적인 부분의 성장도 있었지만 그보다 당시에 느꼈던 감정과 고충을 여과없이 드러내서인지, 종종 동료들이나 운영진, 강사님들, 나와같이 개발자를 준비하는 분들에게 응원 혹은 걱정어린 댓글이나 메세지를 받았다. 성장일지를 쓰는 것의 장점은 두 가지 정도가 생각이 나는데, 첫번째로는 내가 뭘 알고 뭘 모르는지 메타인지능력을 키울 수 있고, 두번째로는 부트캠프처럼 일정기간 하루도 쉬지 않고 강도있는 훈련을 할 때에 나가떨어지지 않고(?)버티게 하..

23주차 회고 - 두번째 코로나 감염

코로나가 문제가 아니야 문제는 약해진 나의 면역력이다! 전 주 주말부터 골골대기 시작했는데 그냥 감기와는 다른 심상찮은 느낌이 들었고 바로 '코로나다..!'라는 직감이 들어 자가키트를 했는데 역시 양성이 떴다. 벌써 두번째 감염. 이번주는 내내 잤고 이제서야 좀 정신을 차린다. 이는 조금만 노출되도 100%확률로 코로나에 걸려버리는 나의 면역력이 문제인 것 같다. 몸이 건강해야 코딩을 오래하는데 사실 4개월동안 지키지 못했다. 건강한 몸에 건강한 정신이 깃들 수 있음을 새기며 오늘 몸상태가 호전되었음을 느끼자 마자 운동을 했다. 확실히 운동을 한 날은 뇌가 맑아지고 집중력이 높아짐을 느낀다. 그 긍정적인 느낌을 계속 기억하려고 노력하고, 운동을 지속하는데 도움을 줄 몇가지 장치를 마련해야 겠다. 프로젝트..

이젠, Nav바 만들때 NavLink를 쓰자 - active일 때 CSS스타일링하기

홈페이지 하단에 네비바를 만들어야 했다. 네비 바를 만드는것 까지는 어렵지 않았으나, 해당 카테고리가 선택되었을 때 이미지 변경 & 글의 color변경하는 방법을 모르겠더라. location.pathname에 따른 img src 변경 페이지는 항상 location의 정보를 받아올 수 있는데, 콘솔에서 window.location을 찍어보면 확인할 수 있다. 참고로 window는 생략 가능하다. 이 pathname을 활용해서 이미지 src를 바꿔주는 방법을 택했다. location.pathname이 '/home'과 일치할 때 color 이미지로 변경, 그렇지 않은경우 흑백이미지로 두었다. NavLink styling하는 방법 여기서 중요한건 저 글씨색깔이었다. 리액트는 처음이다보니 자바스크립트처럼 간편하게..

회원가입페이지 코드리뷰 받은내용 고쳐보기

어떤 파일만 받을 것인가 - 아니 이렇게 쉬운 방법이? if (Blob.type.substr(0, 5) !== 'image') { alert('image만 업로드가 가능합니다'); return; } else if (Blob.type.substr(0, 5) === 'image') { const reader = new FileReader(); reader.readAsDataURL(Blob); 나는 이런식으로 file type의 substring의 0번째 index부터 5개 length가 (그냥 '첫 다섯글자가' 라는 말을 이렇게 어렵게 한다..) 'image'일 때와 아닐때를 나누어 예외처리를 해주었는데, 그냥 input 의 accept속성을 넣어주면 간편하게 해결할 수 있다. 사실 명세서에 // 이미지 파..

22주차 회고 - 와 프로젝트 재밌다 ^^

벌써 첫 면접? 구직활동을 할 마음은 없었다. 멋사 졸업하고도 최소 2달정도는 공부를 하려고 했는데 우연히 내가 관심있게 지켜보던 스타트업에서 '처음으로' 인턴을 뽑는다고 하길래 바로 지원했다. 그런데 당일 바로 서류합격(?), 면접보러 오란다. 아니 이게 무슨 일이야? 이후 인사팀과의 통화에서 빨리 면접을 볼 수 있겠냐고 하길래 '아 되게 급한가보다' 라고 생각을 했다. 사실 인턴을 뽑는게 이렇게 급하다는건 뭔가 바로 시킬 일이 있다는건데.. 프로토타입의 프로젝트를 빠르게 만들어보고 싶거나. 이런 생각을 하면서 '안되더라도 내가 가고싶은 곳 중 하나니까 어떤지 이야기나 해보고 와야겠다' 라는 마음으로 면접에 갔다. CTO와 CEO가 참여했고 CTO는 12살부터 코딩을 한 괴물이었다... 특이한 이력을 ..

이벤트를 딱 한번만 일어나게 하고싶을 때 - 자바스크립트 DOM 꿀팁

자바스크립트에서 콜백이벤트가 딱 한번만 일어나게 하고싶을 때 사용할 수 있는 꿀팁! 바로 이벤트리스너의 세번째 인자값으로 once 옵션을 추가해주면 된다. document.body.addEventListener('click', () => { console.log('I run only once! 😇'); }, { once: true }); 기본값은 false로 지정되있어, 클릭될 때마다 이벤트가 항상 일어난다. once: true로 지정해주면 처음 이벤트가 일어났을 때에만 콜백함수가 실행된다. 혹은 이벤트가 일어났을 때 해당 이벤트를 remove해주는 함수를 만들어줄 수도 있다. 근데 once옵션이 너무 간단하니까~ 그걸 쓸 듯? document.body.addEventListener('click', cb..