[TIL] 프로젝트 중간 회고

Chaewon Yoon (Jamie)·2023년 1월 13일
0

Retrospectives

목록 보기
1/2

회사에서 기존에 개발하던 프로젝트에 새 기능을 추가하는 일을 맡았다.

'논문 검색'

프로젝트가 Vanila JS + jQuery로 되어 있고, 파일 구조도 복잡해서 코드 이해가 좀 어려웠는데 차근차근 보니까 잘 파악할 수 있었다.

뭔가 처음부터 코드 짜는 것보다 다른 사람이 하던 프로젝트를 이어받아 중간이나 마지막쯤 들어가는 게 조금 어렵게 느껴진다.


어제, 오늘 이틀간 UI + 기본 기능 구현하면서 많이 배웠는데 잘 정리해두는 게 좋을 것 같아 작성한다.

  • 개발환경 꾸리기
    서로 다른 환경에서 개발하기 때문에 + 백, 프론트는 언어까지 다르므로 나에게 맞는 개발환경을 세팅해서 사용하는데
    application.yaml 기본 탐색 파일에서 active: dev / ops로 바꾸면서 사용하면 되고 나는 ops를 사용했기 때문에 active를 바꿔주었다.
    (active에서 설정된 값과 같은 profile: dev / ops인 파일이 반영된다.)

    +++ 이 파일은 내 개발환경 세팅 파일이므로 절대 commit하지 말 것!

  • 파일 생성 후 git에 포함시키겠습니까? 물어볼 때 'yes'를 해야 나중에 commit 할 때 그 파일을 포함시킬 수 있다.

  • intelliJ의 단축키를 알게 되었다.
    ctrl + shift + F => 프로젝트 전체에서 찾기
    ctrl + 함수명 클릭 => 이 함수가 어느 파일에서 왔는지 알 수 있음


  • input type이 "text"이면 글자 수 제한은 maxLength = "10";으로 한다.
    type = "number" => 글자 수 제한이 조금 까다로워진다. (아마 함수를 만들어야 하는 듯하다)

  • 브라우저 디버깅을 잘 활용하자
    source - 해당 파일
    디버깅하고 싶은 줄을 클릭
    해서 "디버그를 건 후"
    원하는 동작을 실행하면 (ex. 버튼 클릭) 어느 부분이 문제인지 알 수 있어 버그를 찾기 쉽다.
profile
keep growing as a web developer!🧃

0개의 댓글