[TIL] 프로시저 호출 흐름, 정합성, script

2026.09.18 TIL — 프로시저 호출 흐름과 코드에 사용한 문법의 이유 이해하기 오늘은 코드 리뷰를 받으며 PHP에서 DB 프로시저를 호출하는 흐름을 살펴보고, JavaScript의 실행 순서와 상태 관리에 사용한 문법을 복습했다. 기능이 동작하는 것뿐 아니라, 왜 이렇게 작성했는지 설명할 수 있어야 한다는 점을 다시 느꼈다. 프로시저 호출 흐름 따라가기기존 프로젝트는 PHP에서 저장 프로시저를 호출해 데이터를 조회하고 처리하는 구조였다. 화면의 Ajax 요청이 PHP 요청 처리부와 공통 DB 클래스를 거쳐 SQL Server로 전달되고, 결과가 다시 JSON 응답으로 화면에 돌아오는 과정을 확인했다.특히 파라미터 전달 방식을 주의해서 봤다. 분석한 코드에서는 PHP 배열의 키 이름으로 DB 파라..

[TIL] 과제 3차 리뷰 — 상태 관리, 비동기 처리, 데이터 전송 (260917)

2026.09.17 ·gzip · 상태 관리 · API · 데이터 전송 오늘은 과제의 2차 리뷰 내용을 바탕으로 3차 개선 방향과 작업 순서를 정리했다.UI/UX적 리뷰를 많이 받았고, JS는 경험만 있다보니, 많은 공부가 필요함을 느낌. 화면에서 선택과 변경 상태를 어떻게 구분할지, 서버에 어떤 데이터를 보낼지, 저장 결과를 사용자에게 어떻게 알려줄지 생각.이 과정에서 코드에 사용된 JavaScript 문법도 기초부터 다시 정리. 오늘 한 일과제 리뷰 내용을 화면 동작, 상태 관리, 통신, View, 서버 검증 순서로 나누어 개선 계획을 정리했다.JavaScript의 변수 선언, 함수, 클래스와 인스턴스, static의 사용 기준을 복습했다. 구조 분해 할당과 스프레드 문법, 배열 고차 함수, 옵셔널 ..

https://ko.wikipedia.org/wiki/Gzip 결론 먼저- JSON 형태로 전달시 HTTP 압축을 적용함. (gzip)- 서버 실제 전송량을 확 줄일수 있다. 적용전 338kb gzip 6압축 레벨 적용후 30.1kb 유의할 점 압축 레벨이 높을수록 용량은 줄일 수 있다.데이터 전송 시간은 0.01초 줄일들 수 있지만, 서버가 압축하느라 0.05초를 더 사용해서결과적으로 사용자에게는 페이지가 더 늦게 뜨는 역효과(TTFB 지연)이 발생 할 수 있다. 반면, CI/CD 배포 파이프라인에서 JS/CSS 파일을 미리 딱 한 번 압축해 두는 경우(사전 압축)서버 런타임 CPU를 쓰지 않으므로 레벨 9로 쥐어짜 두는 것이 가장 유리

0건 상태에서 임의의 행을 선택하게 되면 작업관련 그리드가 출력되며 표를 아래로 미는 '레이아웃 이동'이 발생함. 사용자 입장에서는 기존의 클릭 관성을 유지하면서 다중 선택할 수 도 있는데, 레이아웃 이동은 좋지 않다. 보고 있던 행과 체크박스 위치가 갑자기 변경.연속으로 선택할 때 다른 행을 잘못 누를 수 있음.단순히 선택했는데 화면 구성이 바뀌어 작업 흐름이 끊김.버튼을 필요할 때만 보여주는 방향은 좋지만, 표의 위치는 유지되어야 함.기존 ‘작업 목록’ 옆의 고정된 영역에 선택 건수와 도구를 표시하는 방식이 적합.

2026.09.16 · MES · 현장 방문 · PHP · 상태 관리 · 트러블슈팅출근 셋째 날에는 처음으로 고객사 현장을 방문해 회의에 참석했다. 실제 작업 과정에서 어떤 문제가 생기고, 사용자가 시스템에 무엇을 기대하는지 들을 수 있었다. MES 에서 어떤식으로 베이스를 잡고 만드는지,특히 설비 vs 공정 vs 사용자 베이스의 장단점과 특징을 많이 보게됨. 과제의 2차 리뷰에서는 화면의 직관성, 선택 상태의 일관성, 요청 데이터와 코드의 역할을 점검했다.오늘은 '데이터가 맞는 것과 사용자가 그 상태를 정확하게 이해할 수 있는 것이 함께 중요하다'는 UI/UX 에 관한 관점을 주로 피드백 받았다. 1. 오늘 한 일- 현장 방문 및 MES 관련 회의 참석- 대시보드 수치, 설비·공정 연결, 로트 분할과 ..

PLC 기초 교육, PHP로 만든 과제의 1차 코드 리뷰.이후 화면과 데이터 처리 구조를 개선하면서 SQL Server 컨트롤, 비동기 통신, 트랜잭션시 고려해야 할 사항, 일괄 저장과 오류 처리 방식을 정리했다. 어제는 기존 코드의 저장 흐름을 읽는 데 집중했다면,오늘은 과제에서 여러 변경을 어떻게 모으고, 실패하거나 충돌했을 때 어떻게 처리할지 구체적으로 살펴봤다. 1. TIL- PLC 기초와 래더 다이어그램, 통신 방식 사내 세미나- PHP 과제 1차 리뷰 및 개선 방향 정리 - SQLite3에서 SQL Server로 전환하는 작업과 연결 관련 내용 확인 - View를 HTML 중심으로 변경하고 JavaScript 비동기 통신 적용 - 그리드 직접 편집과 추가·수정·삭제 일괄 저장 구조 정리 - T..