전체 글 45

250206

기다리던 다른 하나도 합격해서 두번째 회사에 잘 다니고 있다오늘은 연수가 시작된 입사일로부터 정확히 한달이 된 날이다전 회사까지 하면 두달정도 다녔다전 회사에 비해서 매우 가깝고 출퇴근이 자유로워 삶의 질이 매우 나아져서 만족스럽다통근시간이 편도 1시간 왕복 2시간 줄어들었으니 하루의 1/12가 더 생긴 셈 직장에 다니고 나서는 취업에 대한 압박이나 각종 스펙에 대한 걱정은 사라졌지만퇴근하고 돌아오면 7,8시고 저녁을 먹으면 금세 오후 9시가 된다또 다음날 출근을 하려면 새벽 한두시에는 자야 하고..운동도 독서도 기타등등 취미생활도 강한 의지를 가지고 시작하지 않으면 할 수 없다대학생일 때에도 바쁘기는 했지만 시간을 쪼개고 쪼개서 다양한 일들을 할 수 있었는데 회사는 풀타임이라 쉽지 않다책을 덜 읽어서 ..

ETC/기록 2025.02.06

20241127

최종 면접이 두개 남았었는데 일단 하나에 최합했다.남아있는 쪽을 더 가고 싶은데 당장 다음 주부터 출근이라고 해서... 일단은 다니면서 면접 볼 생각이다남은 곳은 면접일정이 너무 안 나와서 포기하고 있었는데 다음주 중으로 잡혔다당장 다녀야 하는 곳은 판교인데.. 교통이 너무 불편하고 심지어 다음 주는 지하철 파업이라고 한다이것저것 서류도 내야 하고 계좌도 파야하고 귀찮지만떨어진 것보단 맘이 편하니 잘 된 일같다

ETC/기록 2024.11.27

스토리북 배포하기

https://github.com/TEAM-DAWM/NUTSHELL-FE/pull/295 [DOCS] 스토리북 배포 by wrryu09 · Pull Request #295 · TEAM-DAWM/NUTSHELL-FE작업 내용 🧑‍💻 스토리북을 배포했습니다 알게된 점 🚀 기록하며 개발하기! 그.. 밑에 댓글 기록을 보면 링크없는 댓글이 두개가 있는데요.. - ${{ steps.chromatic.outputs.storybookUrl }} 을 yml 파일에github.com  chromatic workflow 연결까지는 yml 파일을 관련 문서https://storybook.js.org/tutorials/intro-to-storybook/react/ko/deploy/ Storybook TutorialsLe..

Dev 2024.11.21

공통 컴포넌트 컨트롤버튼 개발일지

https://github.com/TEAM-DAWM/NUTSHELL-FE/pull/293 [FEAT] 공통 컴포넌트 컨트롤버튼 퍼블리싱 by wrryu09 · Pull Request #293 · TEAM-DAWM/NUTSHELL-FE작업 내용 🧑‍💻 컨트롤 칸에 있던 공컴을 만들었습니다 shadow 테마를 추가했습니다 폴더를 button 하고 control 로 나눴습니다 알게된 점 🚀 기록하며 개발하기! 여기에서 Button 컴포넌트를 사용github.com여기에서 Button 컴포넌트를 사용하는데, Button은 width 가 따로 지정되어 있지 않고 flex 로 설정되어 있어 완료버튼 혼자 사이즈가 달라 설정해주어야 했습니다. + 눌렸을 때 shadow 도 줘야 해서..styled(Button)..

Dev/React 2024.11.20

useTheme vs theme import

팀원이 코리 달아줘서 알게 된 내용!theme 를 context 로 themeProvider 로 전달해서 사용하고 있을 때, styled-component 안에서는 props.theme 해서 접근해 사용할 수 있었다.그런데 styled-component 밖 로직단에서 상태별로 분기해 색상을 변경해야 할 때는 어떨까?props로 사용할 수 없으니 나는 export 된 theme 를 직접 사용했었다.이때 useTheme의 존재를 알게 되었는데 ..https://emotion.sh/docs/theming#usetheme Emotion – Theming(Edit code to see changes)emotion.sh  가장 큰 차이점은 현재 theme 를 반영할 수 있다는 점인가보다. 이게 바뀌면 적용된 컴포넌..

Dev/React 2024.11.18

공통 컴포넌트 아이콘버튼 만들기

아이콘을 버튼으로 쓰는 공통컴포넌트disable, hover, active, default 등의 상태를 가지고 각각의 색상이 다르다small, big 의 사이즈도 가진다outlined 는 border가 있고 나머지 type 두개는 border가 없다 그래서 총 세가지 부분으로 컴포넌트를 나누어서 봤는데1. 버튼 크기2. 타입별 버튼 배경색3. 아이콘 색상 type SizeType = 'small' | 'big';type IconBtnType = 'solid' | 'normal' | 'outlined';type IconButtonProps = { type: IconBtnType; size: SizeType; disabled: boolean; Icon: ReactElement; onClick: () => v..

Dev/React 2024.11.17

20241113

개발직무로 면접 보러다니는 중...오늘은 한군데 1차 면접 보고 2군데 1차 면접 결과가 나왔다 하나는 떨어지고 하나는 붙었는데.. 불합 받은 면접이 정말 상상치도 못하게 영어로 한시간동안 진행돼서 너무너무 힘들었다예상은 했지만 아깝다,, 영어면접인 걸 알았다면 잘 답변할 수 있었을 것 같다 ㅠ.ㅠ 저 면접이 너무 힘들었기 때문일까... 오늘 면접은 한국어라고 생각하니 마음이 편안했다면접관은 한국인 나도 한국인 언어는 마더텅..  행복하다.. 말을 잘 할 수 있을 것 같다..왜 한국에 태어난걸까 ?,, 잡 구하기 힘들다.면접 본 장소가 멀어서 피곤했다. 생각보다 근무지가 중요하다는 것을 깨달았다. 기후동행카드도 못 썼다면접은 평이했고 나름 즐거웠다. 회사 제품도 나름 흥미로웠다. 한국어로 말하니 말이 술..

ETC/기록 2024.11.13