전체 글 (112) 썸네일형 리스트형 2020 Dev-Matching: 웹 프론트엔드 개발자(하반기) 응시 후기 2020 Dev-Matching: 웹 프론트엔드 개발자(하반기) 응시 후기 문제내용 출제사와 협의가 되지 않아 해당 내용은 올리지 않습니다. 느낀점 HTML / CSS / Javascript 에 대한 기본은 충실해야 한다. 기본구현 + 좋은 코드 작성 시간 제한을 두고 연습을 하는 것이 현재 나에게 필요한 공부법 이란 것인 인지 하는 계기 링크 프로그래머스 Dev-Matcing 페이지 progress bar 로직 오류 해결 발생일시 : 2020. 01. 28. 문제사항 : 비지니스 로직의 progress가 변수에 따라서 일관성 있게 작동하지 않음. 고려사항 : 진행내용 - 문제점 1. 비율을 계산하는 부분에 있어 분모의 값이 사용자의 input에 따라 바뀐다. (이렇게 되는 경우 사용자가 input을 줄떄마다 비율이 바뀔수 있다.) - 해결방안 1. 분모의 값을 고정값으로 변경 2. 분자의 값을 사용자의 input 3. 분자의 값에 경과일을 보정값 추가 비지니스 로직 테스트 발생일시 : 2020.01.22 문제사항 : 비지니스 로직 테스트 고려사항 : 별도의 unit test 구성이 되어 있지 읺음. API 호출을 하는 등의 복잡한 flow. 해결방안 : 확인이 필요한 부분에 콘솔 출력을 걸고, 이후의 로직은 실행하지 않고 return 으로 마무리 한다. Nuxt에서 Storybook 사용하기 2 (결론) 발생일시 : 2020.01.20 문제사항 : storybook 도입 적용 검토 고려사항 : 운영중인 Nuxt환경에 적용 가능 여부 진행내용 1. 기대사항 - 컴포넌트 테스트 : 도큐먼트를 작성 하는 것 뿐만이 아니라, 랜더링 및 function사용까지 하기. - story단위별 코드 작성 : 테스트코드를 상태별 작성이 가능 하다. (예 : 데이터 바인딩 전, 데이터 바인딩 후, 데이터 바인딩 실패 등...) 2. 직면한내용 - ssr에서는 story파일을 불러오기 위한 설정 및 기타 번들링 작업을 해야한다. - 테스트코드 작성 경험이 없어서 기존 업무 수행시간에 1.5배 이상 시간이 더 소요 된다. (추측) 3. 결론 - 당장 업무에 적용하기에는 숙련도가 부족, 개별 사이드 프로젝트로 두어서 숙련도 향상.. Nuxt에서 Storybook 사용하기 1 (따라하기) 발생일시 : 2020.01.17 문제사항 : nuxt 에서 storybook + addon + vuex 사용하기 고려사항 : 해결방안 : Storybook 공식문서 튜토리얼에 있는것은 vue로 사용하는 것인데 nuxt에는 main.js같이 진입점이 없어서 다른 설정이 필요하다. nuxt, component, loader, addon, vuex 별도의 설정이 필요하다. 참고사이트 1. Nuxt.js + Storybook 통합하기 Nuxt.js + Storybook 통합하기 Storybook 공식홈페이지에는 Storybook에 Vue를 통합을 위한 가이드가 있습니다. 같은 Vue.js 기반의 Nuxt.js는 vue-cli 프로젝트와 다르게, 프로그램 시작점인 main.js를 사용자에게 제공하지 않기 때문에….. 개발 명세서와 업무효율 연관성에 대한 생각 발생일시 : 2020. 01. 15 문제사항 : - 고려사항 : - 해결방안 : 최근 명세서를 작성하고 -> 그것에 해당하는 작명을 하고 -> 예상 결과값 작성을 하고 -> 로직을 작성한 다음에 코드 작성. 하는 것에 대해서 아래와 같이 개발 효율이 더 좋은 것을 느끼고 있다. 처음 작성할 때에는 기존의 습관(방식)이 더 익숙하기 때문에 어색한데, 시간을 들여서 변경을 해야 한다고 느낀다. - 이유1 코드로 수시로 작성을 하고 화면으로 확인을 하는 사이에 집중력을 잃는 시간이 발생. - 이유2 문서로 테스트 코드를 작성하는 것과 같으며, 예상하는 결과값과 로직을 알 수 있다. 신규 개발서버 배포 작업 순서 발생일시 : 2020.01.14 문제사항 : 신규 개발서버를 만들어서 배포해야 함. 고려사항 : 동일한 서버에 개발서버를 띄워야 함. 해결방안 1. 코드로 서버 구분이 가능한 부분과 수동으로 해야 하는 부분 구별. 2. 인프라의 보안, 라우팅, 프록시 등등 확인 3. DNS 등록 확인 4. 배포코드 작성 5. 클라이언트에서 서버 구별을 위한 코드 삽입 7. CI/CD 등록 vue-quill-editor에서 저장한 html값을 불러올때 문제 발생일시 : 2020.01.09 문제사항 : vue-quill-editor 에서 문자열로 저장한 html값을 불러올때 img태그의 inline style값을 삭제하는 현상 발생 고려사항 : 현상이 어느 시점에 발생을 하는가, 원인을 해결할 것인가 아님 문제를 수정할 것인가? 해결방안 : string으로 된 html코드를 parse할때의 문제를 해결하지 못함. 대신 string.replace로 width attribute할당. (이 문제는 inline style값을 고정값으로 할당하고 있기 때문에 가능) 이전 1 2 3 4 ··· 14 다음
