![]()
회고록을 쓰게 된 계기오늘은 1월 1일이다. 새해가 왔기에 작년 한해를 회고하는 시간을 갖다가 기록으로 남기면 좋겠다 싶어 회고록을 쓰기로 했다. 기록을 하면 추후 미래에 내가 그때 어떤 생각을 가지고 무엇을 했는지 정확하게 알 수 있어 좋은 것 같다. 참고로 나는 웹 프론트엔드 개발자이다. 직장 관련🔥1분기기존에 운영중이던 서비스를 종료하게 되었다. 종료하게 된 원인은 운영비와 수익의 수지타산이 맞지 않아서 였고 동시에 회사차원에서는 해당 서비스를 업그레이드 한 버전의 서비스를 출시하기를 원했기 때문이다. 운영중이던 서비스를 종료하기 위해 준비를 하면서 동시에 새로운 업그레이드 버전의 CRM서비스와 CRM백오피스의 기획에 참여하기도 하였다.🔥2분기백오피스를 본격적으로 개발하기 시작했다. 이 시기에 ..
![]()
시험일시2024년 11월 17일 11시 ~ 오후 2시 (2시간)인증서후기PCCP lv1를 맞은 후 낙담하고 준비를 더한 뒤 시험을 치루고 lv3을 맞았다.1번 문제는 자료구조 및 구현, 2번 문제는 로직 및 2차원 배열, 3번 문제는 로직구현, 2차원배열, bfs등을 물어보는 문제 같았다. 4번은 문제를 풀다가 시간이 없어서 풀지 못했지만 시간만 주어졌다면 문제를 풀 수 있을 것 같아 아쉬었다.1번은 15~20분 2번은 35분? 3번은 45분? 정두에 풀었다. 내가 알기론 1,2,3,4 번 순서대로 배점이 200, 300, 300, 200 인걸로 알고 있는데 시험을 보고 680점?을 맞았다.1,2,3번을 모두 완벽하게 맞추었다면 800점이 나와 레벨 4가 나왔을 텐데 너무 아쉬었다. 더욱 더 아쉬운건 이..
최근에 서버의 부하를 줄이기 위해 무거운 작업을 브라우저단에서 진행하면 어떨까 라는 의문이 들었다. 그리하여 대략 10MB의 Json 데이터를 기반으로 엑셀파일을 생성하는 작업을 화면단에서 진행해 보았다. 예상대로 해당작업을 브라우저단에 실행하면 스레드에 부하가 걸려 화면이 잠깐 버벅이는 현상을 확인 할 수 있었다. 어떻게 하면 해당 버벅임을 없앨까 하는 고민을 하던 와중에 브라우저에서 제공하는 웹 워커를 이용해보기 결심했다. 웹 워커는 브라우저에서 제공하는 기능으로 자바스크립트에서 추가 스레드 역할을 한다고 생각하면 된다. 나는 이 웹워커를 이용해서 엑셀파일을 만드는 작업을 메인 스레드가 아닌 웹워커 스레드를 이용하여 작업하였다. 그리하니 더 이상 화면의 버벅임은 없었다. 다음에도 유사한 상황이 ..
![]()
시험후기7/21 PCCP 시험을 치뤘다. 첫 시험이라 가벼운 마음으로 임하긴 했는데 결과는 아쉬워서 아마 재응시 할 것 같다.나는 프론트엔드 개발자로 일하고 있고 평소에 JavaScript가 익숙하므로 JS로 시험을 응시했다. 시험시간은 120분 총 문제는 4문제였고 나는 4문제 중 1,2,3 번을 풀었다. 3번까지 거의 80분만에 풀었고 남은 문제에 40분을 태웠지만 결국 풀지 못했다. 그래도 4문제중 1,2,3 번을 풀었으니 lv0~lv5 까지 중에 lv3은 맞겠거니 싶었는데 왠걸 내 시험결과는 lv1 이었다. 왜 그렇게 시험점수가 나왔는지 자세하게 알려주지는 않았고 내 추측상 최적화 테스트에서 뭔가 문제가 있었을 것 같다. 마지막 4번문제에 쓸 시간을 1,2,3번 풀이를 효율성 측면을 고려하여 수..
회사에서 백오피스를 개발하고 있는 와중에 우리 웹 서비스에 공지사항을 띄우기 위해서 공지사항을 작성 및 수정 할 수 있는 에디터 UI 개발 요청이 들어왔다. 2년 동안 개발하면서 실제로 위지윅 UI를 만들어 본 적이 없었고 게다가 이미지까지 에디터 내에서 다뤄야 하는 상황이었다. 처음에 react-quill 이라는 라이브러리를 이용해서 만들었는데 브라우저 콘솔 창에 deprecated 될 event가 사용되었다고 wranning 이 존재해 이와 관련해서 repo에 open된 이슈가 있는 지 확인 한 결과 한참 오래전에 open 된 issue인데 해결되지 않았고 이를 보니 lib이 잘 관리되지 않음을 느꼇다. 그래서 다른 라이브러리를 알아보는 와중에 sun-editor 라는 lib를 보았고 client 사..
AJAX ( = Asynchronus javascript and xml ) 자바스크립트를 사용하여 비동기적으로 서버와 통신하여 정보를 교환하는 하는 것을 의미한다. 비동기로 작동하기 때문에 서버와 통신하는 동안 다른 작업에 영향을 끼치지 않고 정상 작동한다. XMLHttpRequest ( js native ) 자바스크립트를 통하여 서버와 통신할 때 사용하는 방법 중 하나이다. 따라서 XMLHttpRequest는 AJAX를 구현하기 위한 방법중 하나라고 생각하면 된다. Fetch ( js native ) XMLHttpRequest보다 개선된 방식으로 AJAX를 구현할 수 있다. axios ( js library ) native가 아니고 별도 module 설치가 필요하며 AJAX를 보다 편리하게 사용하기 위..
회사에서 next.js를 활용할 날이 얼마 남지 않았다. 그래서...!Next.js를 빠르게 파악하고 싶었고 그 방법으로 강의를 듣는 방법을 택했다!인프런에서 강의를 탐색하던 중 현재기준으로 최신 버전인 v13을 활용하여 지도 서비스를 만드는 next js 강의를 발견했다. https://www.inflearn.com/course/nextjs-%EC%8B%9C%EC%9E%91-%EC%A7%80%EB%8F%84%EC%84%9C%EB%B9%84%EC%8A%A4 Next.js 시작하기(feat. 지도 서비스 개발) - 인프런 | 강의Next.js의 기본을 다루는 강의입니다. Next.js로 지도 서비스를 처음부터 끝까지 개발해봅니다., 앞서가는 FE 개발자를 위한 Next.js! 매장 지도 서비스를 만들며 쉽..
📝회고🔥취업 전흠 ... 지금 생각해봐도 참 돌아왔다.서울 모대학교 기계과를 졸업하고 설계 엔지니어로 일하다 개발에 대해 흥미가 재직중에 혼자 시간 날때마다 틈틈히 html, js, css를 공부했고 나름 잘 맞는 것 같아 과감히 직장을 때려치웠다. ( 재직 기간 동안 혼자 독학했던 책은 do it! html+css+자바스크립트 웹 표준의 정석 과 혼자 공부하는 자바 스크립틍 였다 ) 그리고 7개월간 PWA 프론트엔드 국비과정을 거치고 거의 끝나자 마자 1개월간 취준의 시기를 가진 후 프론트엔드 개발자로 내 예상보다는 좋은 조건으로 첫 커리어를 시작했다. (내 기대치가 너무 낮았던 것두 있었지만..ㅎㅎ) 🔥취업 후 ~ 6개월 간 진짜 6개월간은 주말에도 일을 잘? 쳐내기 위해서 공부를 꾸준히 했던 ..
📘 Redux에 관해 공부 중 아주 훌륭한 학습 자료를 찾았다. https://www.inflearn.com/course/redux-%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A9 [무료] 생활코딩 - Redux - 인프런 | 강의생활코딩에서 제공하는 Redux 강의로, 자바스크립트를 중급 이상 다루는 분들을 대상으로 리덕스를 이용해 더 단순한 코드로 더 복잡한 애플리케이션을 만드는 방법에 대한 수업입니다., - 강의www.inflearn.com 🔥프로그래밍을 하는 사람이라면 모두 아는 '생활코딩' 자바스크립트를 어느정도 아는 사람이라면 무리 없이 들을 수 있는 강의였다. 강의에서는 리덕스를 '왜?' 쓰는지 아는 것이 가장 중요하다고 강조를 한다. 추상적인 개념을 그림을 통해 굉장히..
Javascript에서 변수는 굉장히 유연하다. 이 유연함이 장점이 될 수도 있지만 복잡한 서비스를 만들 때 code량이 증가하면서 type에 대한 착각을 할 경우가 생긴다. 이런 단점을 위해 필요한 javascript 확장 언어가 Typescript고 frontend 개발자라면 무조건 숙지가 필요한 언어임이 틀림 없다고 한다. Typescript를 처음 입문하기 위해서 수강할 인터넷 강좌를 찾던 중 인프런에서 아래와 같은 강좌를 발견하고 수강을 했다.아래 강좌는 실제로 typescript를 이용하여 code를 작성하면서 어떻게 활용되는지 보여주면서 강의를 진행한다. https://www.inflearn.com/course/%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6..
