Daily 177

[project]Blog 제작 도중 theme localStorage 오류

사용자가 로그인해서 사용할 수 있는 블로그를 실제 배포해서 운영까지 해보려고 제작 중 일반 텍스트를 입력해서 블로그를 쓰는 대신 개발자에 특화된 블로그이므로 github에 올리는 것처럼 마크다운으로 작성할 수 있게 react-markdown 라이브러리를 적용 중 확인한 오류이다. 오류 코드 아래와 같이 오류 코드가 나왔다. 새로운 페이지에 방문했을 경우, 강제 새로고침을 했을 경우 로컬스토리지에 theme라는 객체의 값이 할당되어 있지 않아서 생긴 오류이다. 해결방안으로는 오류 코드에도 나와있듯이 localStorage에 값이 없을 경우의 예외처리를 추가해주면된다. 코드를 작성할 때 예외처리는 중요한데 이것을 놓친것을 지금에서야 확인했다. 아직 프론트화면 구성 단계에서 맞이했기 때문에 다행이라고 생각한다..

Daily/개발관련 2023.12.13

[Daily] 10월~11월 회고

10월에 퇴사하고 11월까지 한동안은 못했던 공부와 개인적인 일을 정리하는 시간을 가졌다. 최대한 많은 강의를 보고 프로젝트를 기획하며 다시 취업을 위해 준비하고 싶었지만 해낸게 별로 없는 것같다.... 12월부터는 시간 계획표를 세워서 조금더 구체적으로 준비를 해야겠다. 10월 11일에 회사의 사정으로 권고사직을 받고 실업급여를 받기 위한 서류를 정리하고, 인수인계 자료를 작성하고 전달하는 작업을 진행했다. 실업 급여를 타기위한 조건과 서류들이 은근히 많이 있었고, 강의도 시청해야했다. 강의 내용은 실업 급여를 지급받을 때 해야하는 일과 하지 말아야 하는 일에 대해서만 적혀있었다. 인수인계 자료를 작성하는데 운영하는 내용을 다른 사람이 볼 수 있도록 최대한 자세히 노션에 기록하고, 파일들을 정리하여 대..

Daily 2023.12.04

[Daily] 다시 시작

이제 남은 연차를 다 사용하게 되면 10월 11일부로 퇴사가 되게 되는데 남은 기간동안 앞으로 어떻게 취준기간을 가질 것이며 어떠한 기술을 습득할 것인지에 대해서 생각해보는 날이 되었다. 우선은 이력서를 먼저 작성을 하는 것이 1순위로 생각했다. 현재 하반기 공채가 많이 없는 상황이지만 프론트엔드 개발자를 뽑는 곳들이 많이 적어진 것을 알 수 있지만 그래도 공채가 나왔을 때 바로 접수를 할 수 있도록 8개월간의 회사 경험을 토대로 이력서를 수정하는 작업을 진행해야 한다. 사실 이력서 수정은 매번 회사의 Fit에 맞게 작성해야 겠지만 큰 틀만 작성해두면 이후에 수정은 간단하게 할 수 있을 것이라 생각한다. 8개월 경력을 가지고 프론트엔드 개발자로서 이직을 하는 것에 대해서도 많은 생각이 들게 되었다. 위에..

Daily 2023.10.06

퇴사 후 첫 글쓰기

퇴사 후 첫 글 프론트엔드 개발자로서 첫 근무를 하게 되었던 곳을 8개월만에 퇴사하게 되었고, 앞으로 더욱 성장해서 좋은 개발자가 되기위해서 노력해 나가기 위한 첫 글이 될 것 같다..! 회사를 다니면서 개발적 지식과 소통하는 방법 등 많은 것을 배울 수 있었고, 회사의 성장을 위해 많은 시간을 투자하여 홈페이지 개편, 프로젝트 출시와 같은 성과를 이루었다. 그 과정에서 내가 부족했던점과 잘하는 것이 무엇인지 확실히 알게되었다. 내가 부족했던 점은 마감일이 다가올수록 시간에 쫓겨 간단한 오타, 오류 같은 것을 놓치는 것이 가장 큰 단점이라고 생각했다. 그래서 나는 나만의 체크리스트를 만들어서 버그가 나면 체크리스트를 토대로 하나하나씩 체크하여 버그를 해결하는 능력을 길렀다. 앞으로는 어떤 버그가 생기더라..

Daily 2023.09.28

예외 처리를 하지 않아 생긴 배포 문제...

회사에서 메인 서버에 배포를 진행하는 데 개발한 기능을 테스트 서버와 로컬에서는 잘 동작하는 것을 확인 후 메인 서버로 배포를 진행했는데 동작하지 않는 문제가 발생했다. 천천히 코드를 살펴보고 난뒤 이유는 null 값에 대한 처리를 해주지 않았던 문제였다.... 너무 급하게 프로젝트가 진행되고 있다보니 3일에 2가지 기능을 구현해야하는데 디자인 -> 기능 구현 순으로 진행하고 처음 구현해보는 기능이다 보니 조금 여유가 없어서 놓쳤던 것 같다... ;ㅅ; 사실 급하다는 것은 핑계일 수 있다. 내가 조금만 더 열심히 자세히 체크 했더라면 생기지 않았을 문제이다. 다음에는 배포하기 전에 더 유의해서 진행해야겠다.

Daily/Diary 2023.08.08

다시 시작하는 블로그 & Github

2월에 입사하고 부터 블로그와 Github에 소홀해 져버렸다....;ㅅ; 아무래도 스타트업이고 FE개발자가 나혼자 뿐이라(BE개발자 1분도 있다.) 해야하나가는 일들이 많았고, 입사후 런칭까지 2달 반정도의 시간밖에 없어서 내 공부보다는 실무에 집중해야했다. 하지만, 실무를 하면서 겪게된 에러들 사용해야 하는 라이브러리 학습 방법 등등 여러가지 경험을 쌓게 되었다. 경험을 쌓고 나서 정리를 하지 않는다면 나중에 같은 문제에 부딪혔을 때, 다시 문제를 해결하기 위해 많은 시간을 쏟아야 할 수도 있기 때문에 정리하는 습관은 필수 인 것 같다. 내가 해결하기 위함도 있지만 추후에 다른 FE개발자 분이 들어왔을 때를 대비해서 문서작성해두는 기술을 더 쌓아야 할 것 같다. 내가 다시 시작해보려는 이유는 코드스테이..

Daily/Diary 2023.08.07

[VSCode] Mac 업데이트 후 Source Control 사용불가

최근 맥북이 느려진 것 같다는 느낌이 들어서 재부팅을 시도했지만 증상은 똑같았다. 이럴경우 전에 맥북 OS 업데이트를 통해서 해결했던 것 같아 확인해보니 업데이트를 알림이 와있어서 업데이트를 진행했다. 업데이트를 하고 난 후 맥북 속도가 이전과 같아진 것을 느꼇다. 하지만, VSCode를 키고 코딩을 하는 도중 이상함을 느겼다. 기존에 파일이 변경되면 변경되었다는 것을 VSCode Source Control 상에서 알려주었는데 이기능이 동작하지 않는 것이었다. Source Control를 들어가보니 Git을 install 하라는 말이 나와있었다. 업데이트를 하면서 지워졌나?라는 생각이 들었지만 터미널에 git -v으로 버전을 확인하니 설치는 되어 있었다. 혹시 몰라서 brew install git을 해보..

Daily 2023.02.12

[원티드 프리온보딩 프론트엔드 인턴십 8기]동료 및 셀프 피드백

프리온보딩을 마치고 기간은 조금 지났지만 피드백에 대한 부분을 궁금해 하실수 있어서 남겨봅니다. 동료 피드백 같이 Best Pracitce를 찾아가며 구현해서 과제를 제출해낸 동료들에게 피드백을 주고 받는 시간이었다. 나름 열심히 참여한다고는 했지만 동료들은 어떻게 생각했을지 궁금했는데 다들 좋은 말씀만 적어주셔서 감사했다. 고쳐야 할 점에 대한 피드백도 나름 각오는 하고 있었다. 개발자가 아니라도 내가 고쳐야 할 점은 나보다 남이 더 잘알고 그것을 극복한다면 더 나은 개발자가 될 수 있기 때문이다. 더보기 동료 피드백 인원 7명 / 만점 7점 긍정적 동료되기 평균6.67 도전하고 주도하기 평균6.67 린하게 해결하기 평균6.67 데이터로 소통하기 평균6.5 집단지성 활용하기 평균6.67 품질과 기한 지..

Web 3.0이란?

이번에 취업 준비를 하면서 NFT/블록체인에 대한 회사들이 늘어가고 있다는 것을 알게 되었고, Web 3.0이라는 단어가 눈에 띄게 많아졌다. 그래서 Web 3.0이란 무엇인가에 대해 학습한 내용을 작성해보고자 한다. (틀린점이 있다면 말씀해주세요!) Web 3.0을 알기전에 Web1.0과 Web 2.0에 대해서도 알아야한다. Web 1.0이란? Web 2.0이 유행하기 전의 WWW(World Wide Web) 상태이다. 기본적인 읽기 기능만 가능한 상호작용이 없는 정적인 웹 페이지를 말한다. ex) 홈페이지 Web 2.0이란? 2000년대 부터 등장하기 시작했다. Web 1.0에서는 읽기만 가능했지만 Web 2.0은 양방향 소통이 가능한 웹 페이지를 말한다. 읽기, 쓰기, 참여, 공유 등 사용자가 직접..

Daily/개발관련 2023.02.06

[원티드 프리온보딩 프론트엔드 인턴십 8기] Week 5-2(End)

오늘은 원티드 프리온보딩 프론트엔드 인턴십의 마지막날이다. 처음엔 나에게 도움이 될까라는 생각을 많이했지만 현직자의 실시간 강의와 자료를 보며 내가 몰랐던 것에 대해서 많은 것을 알아가게 되었고, 내가 알고 있는 내용이 정확한 내용인지 정확하게 알 수 있었으며, 기업과제를 수행하고 팀원들의 코드를 보면서 Best Practice를 선별하며 다른 사람의 코드를 읽는 능력 또한 향상 되었다. 면접 준비를 하면서 가장 많이 보았던 실행 컨텍스트와 클로저에 대해서 강의를 진행해주셨다. 📝 강의내용 스코프와 this, 호이스팅, 클로저의 공통점 모두 실행 컨텍스트라는 개념에 근간을 두고 있다. 실행 컨텍스트? JavaScript가 실행되는 환경을 정의한다. this, 변수, 객체, 함수 등 코드의 실행에 필요한 ..