끄적끄적

과제전형 준비를 어떻게 해야할까?여러가지 기능, 예외처리, ui를 짜보면서 준비하면 될 듯 싶다. (개인적인 의견) 추후에도 업데이트 되겠지만 .. 일단 해볼만한 것들을 생각해보자면 .. - 디바운스, 쓰로틀링 리액트 환경에서 라이브러리 없이 구현 - zustand나 context 를 이용하여  리액트 flux패턴에서 props drilling 없이 state 관리하기 - 칸반 구현하기- 무한 스크롤 구현하기- api response status code 별 예외처리 하기- query params를 이용한 페이지별 data 전달 - form을 통한 request body에 josn data 전달 정도 생각난다.

시험후기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를 보다 편리하게 사용하기 위..

Content-type 이란? Content-type은 우리가 fetch나 axios를 이용하여 server에 request를 보낼 때 body 에 담아 보내는 data의 유형을 명시하기 위해 존재하며 헤더에 담긴다. 그러므로 Content-type에 명시된 유형과 data의 유형이 같아야한다. 주요 Content-type 1. "application/json" - 요즘 대부분 data 형식을 json으로 쓰다보니 application/json이 대부분이며 axios 의 기본 default content-type이 appliaction/json 으로 알고 있다. - restful api 를 사용하게 되며 request를 날릴 때 대부분 json을 많이 사용하게 됨에 따라 자연스럽게 사용이 많이 늘었음. ..