• 2021년 중간점검 회고

    내 개발 인생의 큰 전환점이 되었던 2020년이 끝나고 2021년도 어느덧 절반 가까이 흘러가고 있다. 2020년이 새로운 도전의 시기였다면 2021년은 도전을 통해 넓은 세상을 만나고 이를 통해 나의 길을 찾아가고 있는 시기였다고 생각한다. 미약하지만 느낀점을 적어보고자 한다. 그저 행복했던 부스트캠프 😍 2021년을 이야기 하는데 부스트캠프는 빠질 수 없을 것이다. 나에게 많은...


  • React Skeleton Component를 활용해 UX 향상시키기

    문제 상황 🤷‍♂️ 웹 사이트를 개발하다보면 서버와의 통신으로 데이터를 받아오고, 받아온 데이터를 통해 View를 구성해야 하는 일이 자주 발생합니다. 데이터를 받아오는 도중엔 컴포넌트의 내부 컨텐츠를 채워줄 수 없기 때문에 비어있는 상태로 렌더링 되게 됩니다. 유저 입장에서는 웹 사이트가 불러와지고 있는 것인지, 해당 공간에는 어떤 내용이 보여질지 알 수 없기 때문에...


  • 프로그래머스 2021 KAKAO BLIND RECRUITMENT 신규 아이디 추천 JavaScript

    오랜만에 PS 포스팅입니다. 요구조건을 그대로 따라하면 되는 간단한(?) 문제이지만 꽤 오래걸렸습니다. (Level1 문제이기 때문에 간단하다고 하겠습니다.) 특히 index를 통해 string에서 중간에 있는 문자열을 제거할 수 있는 메소드가 있다고 생각했는데 그런 메소드가 없어서 좀 까다로웠습니다. 코딩 테스트를 보다보면 문자열을 다루는 문제가 자주 나오는데 C++과 JavaScript 모두 문자열과 좀 친해져야겠다는 생각이 들었습니다....


  • React Intersection Observer를 활용한 무한 스크롤 구현

    프로젝트를 진행하던 중 무한 스크롤을 적용시키고 싶은 부분이 생겼습니다. 아직 서버쪽 코드가 완성되지 않아 바로 프로젝트에 적용시킬 수 없어서 코드 샌드박스를 활용하여 간단하게 예제를 제작해보았습니다. 사용된 핵심기술은 Intersection Observer입니다. 잘못됐거나 개선할 부분이 있다면 언제든지 댓글 남겨주세요! 문제 상황 🤷‍♂️ 현재 진행중인 프로젝트에는 강의 후기 기능이 있습니다. 초기에는 크게 상관없겠지만 서비스...


  • Material UI style tag 늘어나는 문제 삽질/해결기

    지난 포스트에서 언급한 성능 이슈의 원인이 되었던 Material UI 사용시 style tag가 늘어나는 현상에 대해 삽질한 내용을 적어보려고 합니다. 시간이 많지 않은데 같은 이슈를 가지신 분이 계신다면 결론 부분만 읽으시면 도움이 될 것 같습니다! 문제 상황 🤷‍♂️ Material UI를 사용하여 개발을 하던 중 원하는 Interaction이 처리되는데 1초 이상의 시간이 걸리는...