본문 바로가기

제니의 개발일지/개발일지27

프론트엔드 README.md 작성 예시 안녕하세요. 제니입니다!오늘은 제가 약 4개월 정도 프론트엔드 개발을 진행한 프로젝트를 마무리하는 날이었는데요!1인 프론트엔드라서 초기셋팅부터 프로젝트 마무리, QA, 테스트 시나리오 작성 등등 많은 걸 마무리하고이후 프로젝트 마무리를 하기 위해 README 작성까지 끝내게 되었습니다.   앞으로도 꾸준히 README 는 작성해두면 좋기도 하고어떻게 써야하지 고민도 되는 파트이긴 하지만, 생각해보면 양식만 정해둬도 금방 쓰는게 README이기도 해서간단하게 정리를 해보려고 합니다!   1. 어떻게 만들어지는지 예시    대략 이러한 모습으로 간단하게 정리해볼 수 있습니다.대외비는 적지 않고 내부에서 공유할 때, 프로젝트 내용을 이해할 수 있을 정도로 적어두었습니다.   2. 작성하기2-1 타이틀 적는 법.. 2024. 6. 24.
[React] 새 창 HTML 미리보기, HTML 데이터를 로드하고 창이 닫힐 때 데이터를 제거하는 로직 구현하기 안녕하세요. 제니입니다!오늘은 새 창 html 미리보기 구현을 한 내용을 정리해보려고 하는데요.쉽게 생각해서, 제목, 내용을 입력하고 이메일을 보내는 양식이 있다고 가정할 때,이런 경우 프론트에서 발송하는게 아니라 서버측에서 발송을 하게 됩니다.백엔드 개발자가 html 양식을 가지고 있을거고그 양식을 받아 미리보기로 보여주는 화면을 만들어야 하는 상황이 발생되어서 정리하게 되었습니다.   원하는 결과는새 창에서 HTML 데이터를 로드하고 창이 닫힐 때, 데이터를 제거하는 로직을 구현하는 것이었습니다!   1. response 는 html을 string 형태로 반환api를 반환하는 걸 html 파일로 받게 되면 다운로드가 되므로,백에서 response 값을 html 그대로 넘겨주면 됩니다.   2. get.. 2024. 6. 14.
Ios safari input focus zoom-in 현상 막기 안녕하세요. 제니입니다!사실 해당 기록은, 미리부터 참고했어야 하는데 제가 어느정도 간과한 게 있었던 것 같아요.Ios는 늘 번거로운 css 수정기가 있는데 그 중 가장 귀찮은게 zoom-in 현상이었는데요..!이번에 맡은 프로젝트는 프론트 1인이었기도 하고나름 선배가 돼서 책임감도 있어가지구 조금은 더 세밀하게 보고 있었,,답니다..!    그러다 safari 테스트를 하는데, 로그인 페이지 input이 zoom-in이 되어서 굉장히 별로더라구요.역시 이 걸 체크해야지 하는게 좀 있었고다른 개발자들은 어떻게 하나 찾아보면서 여러가지 잘 정리된 개발자들의 글을 볼 수 있었는데   https://devsoyoung.github.io/posts/ios-input-focus-zoom/ focus 시 자동 zo.. 2024. 6. 7.
[Node.js] express.js 시작, get 요청 - 1일차 안녕하세요. 제니입니다! React를 정말 사랑하는 프론트엔드 개발자인데, 여러모로 성장을 하는 방향을 고민하다 상사분께서 좋은 스터디 모임을 만들어주셔서 Node.js 스터디에 참여하게 되었어요! 이번 기록은 까먹지 않기 위한 저만의 기록이라서 혹시 같이 공부하실 분이 계시다면 참고해주셔도 될 것 같아요! 아주 심플한 과제를 주셨는데, express.js를 시작하는 것부터 막혔던 ^_^ 저는 https://velog.io/@kimhyo_0218/Node.js-express.js-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0 [Node.js] express.js 시작하기 express.js는 node.js를 빠르고 쉽게 이용할 수 있게 해주는 프레임워크 입니다.설치 후 package... 2024. 4. 11.
2024.01.16 공부 일기 - 코딩 & 코딩 & 코딩 안녕하세요. 제니입니다! 저번주 화요일에 앞으로 프로그래머스 캘린더에서 제공해주는 코딩테스트 5개를 꼭 풀어보겠다고 다짐했는데, 회사 업무도 사알짝 바빳고 운동을 다니느라 정신이 없어서 오늘은 이틀치를 풀어봤어요! 매주 화요일은 퇴근하구 집에 가지 않고 카공을 하고 있다보니 그래도 꾸준히 공부시간은 지켜져서 다행입니다 ㅎㅎ 원래 개발일지를 따로 쓰지 않구 공부한 내용을 정리하는데 오늘은 다행이 정리할 내용이 없더라구요! 확실히 공부하면 할수록 적응되는 것 같아요(코테 공부는 시작한지 얼마 안 됐지만...) 매주 알고리즘 강의 1강도 프로그래머스거로 듣고 있는데 생각보다 도움은 되지 않지만, 익숙해지기 위한 과정으로 생각하고 있습니다! 오늘 회사에서 그래프를 모듈화해서 개발하는 과정에 drag기능을 추가하.. 2024. 1. 16.
오늘의 웃겼던 개발 경험기 - 이미 정답을 알고 있었다.. 오늘은 그냥 재밌었던 경험을 남긴다. React로 파일 다운로드 하는 기능을 구현해야 하는데, 예전에 이미 구현해둔 게 있지만 자사 서비스 코드가 정~~말 많아서 새로 구글링 해야지~ 하면서 안 찾고 구글링을 하게 됐다. 구글링을 했는데 [제니의 개발일지]가 있길래 오, 여기두 제니가 있네? 하면서 들어갔는데 잉..? 내 개발 블로그였다...ㅋㅋ... 귀차니즘을 느끼면서 구글링을 하려하던 나에게 누군가 혼내는 것 같은 기분이면서도 넘 웃겨서 동료들에게 공유했는데 귀엽에 웃어주시는 인사 담당자님과 아직은 귀여워 해주는 신입 개발자 동료님과 팩폭과 함께 웃음을 주시는 8년차 개발자 동료님 지인 개발자의 카톡... 8개월 전의 제니는 귀여웠구나 조금은 성장했는지 돌아보는 계기가 된다. 왜 블로그를 써왔는지, .. 2023. 11. 23.