범부 개발자 아등바등 살아남기

 240619 웹 개발 근무 기록입니다.

• 원자재 입고 페이지 CRUD 기능 완성
• 제품 페이지 검사 항목 탭 추가, 품목 명 데이터 추가
• 전체 화면 css 수정

• 함수는 언제나 독립적으로 구성하기

 어제의 자괴감을 뒤로하고, 새로운 하루를 시작했다. 기존에는 각 페이지마다 함수를 정의하며 사용했기 때문에 함수 내부에서도 전역 변수를 그대로 불러오는 경우가 많았다. 그러다 보니 다른 곳에서 함수를 사용하려면 세부 내용을 수정해야 하는 불편함이 있었다.

 오늘은 기능 구현을 하면서 모든 변수들을 인자로 받아서 사용하는 함수를 만들어 모듈화하는 작업을 했다. 아직은 한 페이지에서만 사용해보았지만, 이 방식을 잘 활용한다면 한 파일의 코드량이 줄어들 것이고, 이후에 만들 화면에도 걸리는 시간이 단축될 것이라 기대하고 있다.

 다만, 이벤트 등이 많이 걸려있는 코드의 경우는 따로 분리하기가 어려워 보인다. 이러한 부분은 당장 정리하기 힘들 것 같아 주말 동안 고민해볼 계획이다.

240618 웹 개발 근무 기록입니다.

• 탱크 페이지 입력 항목 추가
• 원자재 입고 페이지 변경된 CRUD에 맞게 화면, 쿼리 수정

 240617 웹 개발 근무 기록 입니다.

• 제품 주문 페이지 CRUD 기능 수정
• 발주 형태의 기능이 있는 페이지 5개에 제품 주문 페이지와 동일한 형태로 기능 적용 (진행 중)

 오늘은 비슷한 형태의 기능을 가진 페이지들을 기존에 만들었던 함수를 통해 구현했다. 하지만 페이지마다 조금씩 달라지는 부분들이 있어 그때마다 함수를 조정해야 하는 아쉬움이 있었다. 이는 함수를 만들 때 유연성이 다소 부족했기 때문인 듯 하다.

물론 어디서나 쓸 수 있는 만능 함수를 만들기는 어렵겠지만, 필요한 값들을 하드 코딩하는 대신 인자로 받아서 구성할 수 있도록 노력해야 할 것 같다.

240614 웹 개발 근무 기록 입니다.

• 제품 주문 페이지 로직 적용
• 자동완성 UI 컴포넌트 제작
• 주문 품목 내역 테이블 수정

• blur, click 이벤트 실행 시점 문제 해결

2024.06.16 - [컴퓨터 과학/웹 개발] - 마우스 클릭 시 이벤트 실행 순서 알아보기

240613 웹개발 근무 기록입니다.

• 생산 입고 페이지 레이아웃 만들기
• 원자재 발주 -1 페이지 레이아웃 만들기
• 기본 정보 탭 정부에 현재 선택된 항목 하이라이트 기능 추가
• 포장 단위, 가격 입력 창 분리
• 제품 주문 페이지 거래처 팝업창 타이틀 추가 및 위치 input 바로 밑으로 변경
• 포장정보 테이블, 용량 컬럼에 단위 추가

24.06.12 웹 개발 근무 기록 입니다.

• 페이지 레이아웃 1:1로 나누기
• 기본 정보 탭 화면 진입 시 조회 이벤트 실행하기
• 생산 입고 페이지 레이아웃 만들기
• 원자재 발주-1 페이지 레이아웃 만들기
• 각 페이지 테이블 높이 고정하여 전체 스크롤 방지
• 기본 정보 탭 전부에 현재 선택된 항목 하이라이트 기능 추가
• 포장 단위, 가격 입력 창 분리하기

• 테이블에 스크롤 추가 방법

2024.06.12 - [css/문제해결] - table에 스크롤 적용하기

24.06.11 웹 개발자 근무 기록 입니다.

SW 프로젝트

• 제품 레시피 작성 페이지 CRUD 수정

• for문과 forEach에서의 return 차이

 하나의 함수에서 많은 기능을 처리하고 있다 보니, 이후에 해당 함수의 일부 기능만 필요할 때 코드 자체를 그대로 붙여넣기 하는 경우가 많아졌다. 함수를 기능별로 잘게 쪼갠다면, 함수만 불러오면 되기 때문에 편해질 것이라 생각은 하지만, 이미 작업해 놓은 코드가 많아 엄두가 나지 않는다. 우선 지금의 코드는 주말에 천천히 정리해보도록 하고, 이후부터는 이러한 눈덩이가 크게 불어나지 않도록 주의하면서 작업을 진행해야겠다.

2024.06.16 - [javascript/이론] - for문과 forEach의 차이점 비교