본문 바로가기
  • 하고 싶은 일을 하자

프론트엔드7

개발자 신입 취직을 위한 상담 컨설팅 무료로 해드립니다 안녕하세요 요즘 개발 신입 지원하시는 분들이 굉장히 취직이 어려워졌다고 들었습니다. 대기업의 공채도 별로 없고, 작은 기업들도 사정이 좋지 않아 채용을 많이 줄였다고 하더군요. 저도 대학을 졸업하고 취직 준비할 때 어렵구나 느꼈습니다. 인적성은 너무 어렵고 면접에서는 발리기도 하고 20~30 군데는 지원해서 합격했어요. 그런데 지금은 더 어려워졌다고 하니 상상이 안되네요. 그래서 혹시 신입으로 지원하려는 개발자 분들이 계신다면 도움을 드리고 싶어서 이 글을 쓰게 되었습니다. 혹시 상담이나 질문이 있으신 분이라면 junha04@naver.com 으로 메일 주시면 시간될 때 답변 해드리겠습니다. 저에 대해 소개드리자면 중학생 때 부산시 교육청 정보영재 교육을 받았습니다. 한양대학교 컴퓨터공학과를 졸업했습니다.. 2024. 1. 13.
2023년 하반기 회고 - 이커머스 프론트엔드 개발, 애자일, 스토리북, 테스트 코드, 사이드 프로젝트 2023년이 벌써 이렇게 지나갔구나. 올 하반기에도 많은 일들이 있었다. 이번 글은 회사 개발 일 뿐만 아니라 다른 일들도 회고를 해볼까 한다. 개발 개발이라는 직업은 나에게 애증의 존재 같다. 좋기도 하고, 싫기도 한데, 다시 태어나면 또 개발자를 할 것 같다. 물론 다른 직업을 경험해보지 못해서 익숙한 것을 하고 싶은 마음도 있을 것이다. 그렇지만 하나의 주제를 탐구하고, 공부하고, 논리를 쌓는 행위가 나에게 잘 맞는 것 같다. 올 하반기 개발했던 것을 정리 해보겠다. 기디개 프로덕트팀 창설 하반기부터 기획팀, 디자인팀, 개발팀이 모인 프로덕트팀이 만들어졌다. 가장 큰 변화는 일주일에 한 번씩 기디개가 모여 정기 미팅을 가지고, 스프린트가 끝날 때 회고 미팅도 다같이 하게 된 점이다. 원래는 개발팀 .. 2023. 12. 28.
[React Hook 공식 문서 읽기] useEffect (Race Condtions 해결 방법) React 개발을 하는데 있어 useEffect 는 필수이다. 정말 많이 쓴다. 그런데 공식 문서를 읽다보니 몰랐던 것을 알게되어 정리 해보겠다. 먼저 useEffect 에 대한 정의부터 예상과 달랐다. 나는 컴포넌트가 마운트/언마운트 되었을 때 실행할 로직을 정의하는 Hook 이다 라고 생각하고 있었는데 공식 문서의 정의에는 "외부 시스템을 사용하는 컴포넌트를 동기화하는 Hook 이다." 라고 설명하고 있다. 외부 시스템은 무엇이고, 동기화는 무엇일까? External System external system 이란 React 로 control 하지 않는 코드를 의미한다. 이에 대한 예시로 setInterval(), clearInterval(), window.addEventListener(), windo.. 2023. 11. 22.
[React Hook 공식 문서 읽기] useCallback useCallback 은 함수를 cache 로 저장 해서 re-render 할 때 사용할 수 있도록 하는 React Hook 이다. 아 슈밤 글 다썼는데 코드로 테스트하다가 다 날라갔다... ㅠㅠ loop 3중첩으로 1000*1000*1000 으로 돌리니까 브라우저 바로 뻑나네............. ProductPage가 리렌더링 되면 handleSubmit 함수는 새롭게 생성될까? 아니면 동일한 로직의 함수이니 알아서 이전 렌더링 때 만든 handleSubmit 함수를 그대로 사용할까? 정답은 함수를 새롭게 생성한다. 자바스크립트에서 function () {} 혹은 () => {} 인 경우에는 함수를 새로 생성하기 때문이다. 이런식으로 함수를 useCallback 으로 감싸고 dependency ar.. 2023. 11. 9.
AWS 한국 사용자 모임 - 프론트엔드 Next.js 이미지 최적화 소모임 후기 AWS 한국 사용자 모임에서 프론트엔드 소모임이 열린다고 하여 다녀왔다. AWS 한국 사용자 모임 링크 : https://www.meetup.com/awskrug/ AWSKRUG - AWS한국사용자모임 (서울, 한국(대한민국)) 본 그룹은 AWS한국사용자모임(AWSKRUG)의 정기 모임 및 소모임 운영 사이트로서 최신 활동 소식 및 행사를 올려드릴 예정입니다. 더 자세한 것은 https://facebook.com/groups/awskrug 를 참고하세요. www.meetup.com AWS이지만 인프라나 백엔드뿐만 아니라 프론트엔드, 스타트업 등 다양한 주제의 세미나가 열린다. https://www.meetup.com/awskrug/events/292866390 Login to Meetup | Meetup.. 2023. 5. 14.
스타트업 이직을 고민하는 당신에게 (전통주 스타트업 술담화 프론트엔드 개발 2년 근무 후기) 술담화라는 전통주 스타트업 회사에서 프런트엔드 개발자로 일한 지 벌써 1년 9개월이 지났다. 처음 입사해서 어색한 인사를 나눴던 게 엊그제 같은데 벌써 2년이 다되어가다니 세월이 참 빠르다. 술담화로 이직하기 이전에는 프린터 대기업 회사에서 임베디드 개발자로 일했다. 술 회사에서 일해보고 싶어서 술담화로 이직했다. 700명 규모의 회사에서 40명 규모의 회사로 이직했다 보니 다른 점이 많았다. 회사에 이직한 지 2년이 다되어가는 지금 이전 회사 대비 어떤 게 다른지, 나는 어떻게 달라졌는지 정리해보려고 한다. (회사에서 시킨 거 아니고 스스로 쓰는 글입니다! ㅎㅎ) 1. 회사에 출근하는 것이 즐겁다. 일반적인 회사원은 일요일 저녁이 되면 출근할 생각에 괴롭다. 하지만 술담화에 이직한 이후 출근이 즐거워졌.. 2022. 12. 22.
React에서 setInterval 제대로 쓰는 방법 React에서 setInterval을 사용하는 방법은 Vanila Javascript와는 다릅니다. 아래의 예시 코드를 보시죠. import { useState } from "react"; import "./styles.css"; export default function App() { const [number, setNumber] = useState(0); const loop = setInterval(() => { console.log("number", number); setNumber(number + 1); if (number === 10) clearInterval(loop); }, 1000); return number : {number}; } 10초를 센 뒤에 루프가 끝나는 코드로 동작할 것 같지만.. 2021. 7. 29.

티스토리툴바