분류 전체보기155 3년차 프론트엔드 개발자 회고 : 프론트엔드에서 중요한 것은? 안녕하세요. 저는 3년 차 프론트엔드 개발자입니다. 다음 주부터 새로운 회사에 출근하게 되면서, 문득 지난 1년 동안의 경험을 되돌아보게 되었습니다. 이번 글에서는 그 시간 동안 제가 느꼈던 점들과 배운 것들을 정리해 공유해보려 합니다. 두번째 회사에서 1년'저친구 뽑길 잘했네' 이 말을 듣기 위하여두번째 회사에 입사할 때 걱정이 많았습니다. 왜냐하면 이전에 1년 6개월정도의 에이전시 경력으로 입사를 했고, 면접에서 제대로 된 로직 개발을 해보지 않아서 우려스럽다라는 말을 들었기 때문입니다. 스스로도 "내가 과연 할 수 있을까?"라는 걱정이 앞섰으나 가서 열심히 해보자고 다짐을 했던걸로 기억납니다..ㅎ 입사 후에는 나에게 주어진 태스크를 잘 개발하기 위해 야근은 당연했고 주말출근도 마다하지 않고 열심히 .. 2024. 11. 29. 3년 차 프론트엔드 개발자 이직 성공! 이력서와 지원 꿀팁 의도치 않게 2번째 이직첫 커리어를 에이전시에서 시작했고, 서비스 개발이 해보고 싶어서 두번째로 회사로 이직하게 되었습니다. 여기서 1년정도 커리어를 쌓았고 회사 재정악화로 임금체불이 발생하여 퇴사하게 되었습니다. 같이 일하는 동료들이 너무 좋았고 서비스에 대한 애정도 있었기에 많이 아쉬웠습니다. 그래도 웹 개발자로서 할 수 있는 많은 것들을 경험하고 배웠기에 성장하는데 많은 도움이 되었습니다.그리고 다음주부터는 새로운 회사로 출근하게 되었는데요. 어려운 취업시장에서 어떤 과정을 통해 이직에 성공했고, 그 과정에서 생긴 노하우들을 공유해보려 합니다. 지원할 때 꿀팁 1. 응답률 높은 곳 위주로 지원하기IT 직군은 대부분 wanted를 많이 보실텐데요. 공고를 볼 .. 2024. 11. 29. 효율적인 React Query 사용법 (Waterfall 방지와 병렬 처리) react query 의 성능과 waterfallreact query는 캐싱 측면에서 불필요한 API 요청을 줄여주기 때문에 많이 사용할수록 좋을 것 같습니다. 그러나 waterfall에 대해서 인지하고 있지 않으면 성능적으로 더 불리해질 수 있습니다. waterfall은 무엇일까요?네트워크에서 데이터 요청이 순차적으로 일어나면서 발생하는 성능 이슈를 의미합니다. 불필요한 순차적 요청으로 인해서 네트워크 요청이 지연되면 그만큼 느린 속도로 인해 성능이 저하될수도밖에 없습니다. 그래서 보통 이러한 waterfall 이슈를 없애기 위해서 병렬처리, prefetch, caching 등의 방법으로 해결합니다. react query를 클라이언트에서 사용할 때 발생할 수 있는 waterfall 케이스에 대해서 살펴.. 2024. 11. 17. Next.js SSR accesstoken 개선(Localstorage에서 cookie로) 개요현재 제가 담당하고 있는 웹사이트의 accessToken은 Localstorage에 보관하여 사용자 인증을 처리하고 있습니다. 초기에 Server side rendering을 사용하지 않기도 했고, 사용자 인증에 따른 큰 기능이 없었기 때문에 큰 문제는 없었습니다. 그러나 페이지들을 SSR으로 바꾸고, 인증정보가 중요해지는 결제 서비스 출시를 준비하면서 Localstorage의 한계를 크게 느끼게 되었습니다. next.js에서 token을 Localstorage에서 관리했을 때의 불편함은 이렇습니다.- 첫 진입 or 새로고침시 로그인이 풀려있는 UI가 잠깐 보인다.- 인증이 필요한 페이지는 항상 로딩이 필요하다. - 클라이언트단에서 인증 정보를 체크하는 잠깐의 텀이 항상 필요하게 됨. - 항상 .. 2024. 11. 9. Hash Table Hash table이란? key-value 쌍으로 데이터를 저장하는 자료구조입니다.key 자체를 특정 index로 저장하기 때문에 데이터 삽입, 삭제, 조회를 빠르게 수행할 수 있습니다.이때 저장할 위치인 index는 Hash function을 통해 생성하게 됩니다. Hash function(해시 함수)해시 함수는 key를 특정한 index로 매핑하며 해당 index는 메모리의 저장 위치가 됩니다.index를 통해 데이터에 접근하기 때문에 Array loop를 돌며 조회하는 것보다 더 빠르게 데이터 처리가 가능합니다.해시 함수가 얼마나 key를 균일하게 분산시키느냐에 따라 해시 테이블의 성능이 크게 좌우됩니다. 아래는 hash function의 간단한 pseudocode입니다. 소수를 사용해서 충돌 가.. 2024. 10. 8. 강남 스피치 학원에서 개발자 면접 불안 극복하기 왜 스피치 학원을 선택하게 되었는가?저는 평소 말하는 것에 자신이 없었습니다. 내 머릿속 생각을 말로 표현하는 것이 어려웠고, 사람들 앞에서 이야기하면 머릿속이 하얗게 되고, 발음이 좋지 않아 말을 버벅거리는 경우도 많았습니다. 스스로 약점이라고 생각하니깐 말을 할 때마다 긴장하고 불안했습니다. 사회생활을 시작하면서 말을 잘한다는 것이 얼마나 중요한건지 점점 깨닫게 되었는데요. 회사에서 의사소통을 할 때, 나의 의견으로 상대방을 설득해야 할 때, 연봉협상을 해야 할 때, 이직을 위한 면접을 보아야 할 때 모두 중요한 부분 중 하나가 바로 스피치입니다. 자신감 있는 태도로 나의 의견을 전달하는 것은 상대방에게 신뢰감을 주고 나의 능력을 어필할 수 있습니다. 그래서 저의 스피치 불안이라는 약점은 앞으로의 .. 2024. 10. 7. 이전 1 2 3 4 ··· 26 다음 반응형
