Dalin's Archive

나는 프론트엔드 개발을 하고 있는데 서비스 사이트도, 어드민 사이트도 개발하고 있었다~ 서비스 사이트는 사용자를 직접 만나고, 어드민 사이트는 회사 내부 사람들만 이용한다. 이제 어드민 사이트는 백엔드 개발자들이 개발하고, 프론트엔드 개발자들은 사용자를 직접 만나는 사이트에 더 집중하기로 했다! 요즘은 내가 어드민 사이트를 주로 개발하고 있어서 백엔드 분들께 프론트엔드 개발에 대해 알려드리고 있다. 일단 기본적인 세팅에 대해 말씀드렸다. 노션에 정리해서 회의실 잡고 알려드렸다..ㅎㅎ 처음에는 뭘 말씀드릴지 막막했는데, 내가 처음에 배운 걸 되짚으면서 정리했다. 1. vs code 설치하기 2. vscode setting.json 설정하기, extension 추천 3. chrome extension 추천(..

두 달 정도 전에 팀에 QA 분이 합류하셨다 ! 이렇게 가까이에서 QA 분과 같이 일한 건 처음이다. 같이 일하기 전에 QA님은 테스트를 하시는 분 정도로만 생각했는데, 같이 일하면서 여러 가지 일을 하시는 걸 볼 수 있었다. (특히 내 바로 앞 자리에 계셔서 잘 보이고, 사람들이 오며 가며 하시는 일 이야기를 들을 수 있다 :) ) 내가 관찰한 결과, QA 님이 하시는 일 !! (주의 ! 미처 관찰하지 못한 내용이 있을 수 있음.) - develop -> qa 브랜치 -> ... -> 마스터 브랜치로 배포를 담당하신다. develop -> qa 브랜치로 PR 올리기 전에, 개발자들이 미리 어떤 변경 사항이 있는지 말씀드린다. 그러면 그걸 지금 qa 브랜치로 이동시키는 게 좋을지 등을 논의한다. QA 님..

사이트에서 날짜를 보여주는 부분이 있다. 그런데 특정 부분에서 이상하게 모든 날짜가 다 오늘 날짜가 보였다. 🥲 나는 그런 코드를 짠 기억이 없는데... 알고 보니 오타 때문이었다. 😂 예를 들어서 updateDate라고 써야 하는데, updateData로 쓴 것이었다. api 응답 중에서 updateData는 없으니 undefined가 되었다. 원하는 날짜로 보여주기 위해서 dayjs를 사용하고 있다. dayjs(업데이트 날짜)라고 해야하는데, 그 업데이트 날짜가 undefined로 들어가는 것이었다. dayjs(undefined)는 dayjs()로 취급이 된다. ('Day.js treats dayjs(undefined) as dayjs() due to that function parameters de..

상황 😂 어드민 사이트에서 여러 정보 중에 수정일을 보여주는 페이지였다. 그런데 수정일이 제대로 안 나온다는 제보를 받았다. api는 제대로 오는데, api의 데이터를 보여주지 않고 있었다. 특히 분 쪽이 이상했다. 원인-해결 😉 날짜를 원하는 형식으로 보여주기 위해서 dayjs 라이브러리를 사용하고 있다. 그때 MM, mm을 헷갈려서 버그가 있었다. 뻘쭘했다..ㅠㅠ 시는 24시간 형식으로, 꼭 두자리로 보여주고 싶었다. 분도 1-9분이라도 01, 02, 이런 식으로 두 자리로 보여주고 싶었다. 그때 분을 mm으로 적어야 하는데, MM으로 적었다... mm은 분을 2자리로 보여주는 것이고, MM은 달(month)을 2자리로 보여주는 것이었다. 분을 보여줘야하는데 달을 보여주는 문제였다ㅠㅠ https://..

요즘 블로그 포스팅을 못했다 ㅠ 코로나로 아프기도 했고, 후유증으로 피곤하기도 했다ㅠ 또 서비스 오픈을 앞두고 있어서 야근하기도 했고.. 서비스 오픈 2주 정도 전까지는 기능 개발을 했고, 요즘에는 버그 수정을 했다 !! 또 develop 브랜치에서 개발하다가 다른 브랜치로 배포하고, 잘 되나 테스트도 했고.ㅎㅎ 특이한 방식(?)으로 사용해보면서 버그들도 발견해서 담당자 분께 소개해드렸다.. ^___^ * 실제 유저가 찾는 것보다는 내가 찾는 게 낫겠지...ㅎㅎ 바쁘게 개발하다가, 요즘은 서비스를 직접 사용해보니까 신기하고 뿌듯하다 !! 이제 곧 오픈을 앞두고 있는데, 잘됐으면 좋겠고 두근두근 설렌다! 부디 심각한 버그가 생기지 않길 ... 사용자들이 재밌게 유용하게 사용하길..

몇 주 뒤 새로운 서비스 오픈을 앞두고 있다. 오늘 디벨롭 브랜치에서 기능 구현을 마무리하고, 테스트할 서버로 올리는 날이었다. 앞으로 몇 주는 계속 테스트하고 버그 수정을 할 예정이다~ 저녁 6시 반 정도까지 모두들 바쁘게 바쁘게 기능을 마무리하고, 중요한 버그들을 해결했다~ 테스트할 서버에 올린 후에 내가 작업한 부분에서 버그들이 있다는 이야기를 들었다. 크리티컬한 버그의 경우, 오늘 중으로는 테스트할 서버로 올리기로 한 상황이었다. 그래서 빨리... 버그를 해결해야 했다. 사용자들이 보게 될 부분에 있는 에러 사용자가 보지는 않은 부분에 있는데, 중요한 에러 사용자가 보지는 않을 부분에 있고, 소소한 에러 (문구..) 일단 1번을 슉 ~ 해결했다. 이걸 해결할 동안 대부분의 동기들과 우리팀 개발자들..

얼마 전 회원가입 기능을 개발했다. 프로젝트하면서 항상 구현했던 기능이라서 쉽게 구현할 수 있을 줄 알았는데 생각보다 오래 걸렸다. 이메일 인증을 한 후에, 비밀번호/ 비밀번호 재입력을 하고, 몇몇 동의사항에 체크한 후에 회원가입하는 기능이었다. 소소하게 고려할 것이 많았다. - api 요청하는 버튼이 클릭된 후에, 응답이 오기 전까지 disabled 처리하기. 스피너 같은 거 보여주기. - 필수 입력 값이 입력되지 않으면, 버튼 disabled 처리하기 - 이메일 인증 후에도 인증번호를 바꿀 수 있게 했는데, 그러면 서버에 바뀐 인증번호를 보내서 문제가 됐다. 이메일 인증 후에는 인증번호를 읽을 수만 있게 하기 - 이메일 인증 후에 이메일이 바뀌면, (인증 되어서 읽기만 가능했던) 인증번호 입력을 할 ..

회사에서 스프린트를 2주 주기로 하고 있다. 스프린트 내에 완성할 기능들을 정하고, 스프린트 내에 그 기능들이 완성도 있게 동작하게 한다. 이런 스프린트르 3번 정도 마쳤다. 그러면서 요즘 드는 생각들.... 스프린트에서 할 일을 정할 때는 항상 일이 너무 많다. 그리고 처음 해보는 일들을 맡게 되는 경우도 있다. 그런 일은 얼마나 시간이 걸릴지 예측하기도 어렵다ㅠ 그래서 처음 실무 일을 할 때는 엄청 걱정이 됐다. '이 일들을 기간 내에 마무리할 수 있을까..??' 그래도 어떻게 어떻게 하게 된다...처음 해보는 일이라도 어떻게 어떻게 하게 되는 게 신기하다. 근무 시간 내에 안 되기도 하는데 주말, 밤에도 일할 때도 있다. 처음 플래닝할 때도 일이 많았는데, 추가되는 일이 있을 수도 있다. 또 예상 ..

본격적으로 일한 지 한 달 소감 ! 일하면서 부족함을 많이 느낀다..ㅠㅠ 알아야 할 게 많고,,.. 일을 처내기에 바빠서, 확실하게 공부를 못하고 넘어갈 때가 많은 게 아쉽다. 그래도 노션에 대충 기록해뒀으니 언젠가 정리할 수 있길..... 친구 카톡 상태 메시지가 "now or never"인데, 이 말처럼 지금해야 할텐데.. 또 내 머릿속의 그림과 다른 분 머릿속의 그림이 다를 때가 있어서 ㅠㅠ이다.. 나는 행복하게 다했다고 보여드렸는데, 그게 아니라고 하셔서 , 짰던 코드를 없애고 다시 코드를 짰다. 기획을 확실히 이해하고, 디자인도 궁금한 거 있으면 여쭤보고 그래야지.... 한다고 했는데도 서로 머릿속의 이해를 맞추는 건 어려운 일 같다. 시간 맞추기가 어렵다..ㅠ 시간을 잘 못 맞추면, 내가 한 ..

친구 J가 오랜만에 연락이 왔다. J의 친구인 C님이 개발 공부를 할지 고민 중인데, 내 연락처를 줘도 되겠냐는 부탁이었다. 나는 당연히 좋다고 했고, C님과 카톡으로 이야기를 나눴다. 나도 개발 공부 시작할 때 고민됐던 질문들이었다. 그래서 그 중 일부를 블로그에 남긴다. 주의 !! 제 짧은 경험을 바탕으로 쓴 글이니 주관적입니다. (혹 다른 의견을 공유하고 싶으시면, 댓글로 알려주세요.) 1. 코딩 학원이 많은데, 어느 곳이든 취업에 상관이 없나요? 네, '취업하는 데'는 지장이 없는 것 같습니다. '실력'이 중요합니다 !! 어느 코딩 학원 출신인지는 취업에 그렇게 중요하지 않은 것 같습니다. 제 주변에도 비전공자 + 독학으로 취업하신 분도 계십니다. 다만 본인의 스타일, 학원 커리큘럼 등에 따라서 ..