인턴기간 심었던 바다가 다 말라버렸습니다 기간이 끝나서 ㅠㅠ 3월부터 6월간의 커밋들 잘가렴 보내줄게

회원 관리는 CRUD가 아니다. 회원추가를 없어서 만들었다가는 삭제해야 하는 경우도 있음 리팩토링 > 이미 기능을 구현하고 다시한번 깔끔한 코드로 개선하는것 - 주로 마지막에 진행, 일정에 따라 포기하기도 함 파이프라인(영어: pipeline)은 한 데이터 처리 단계의 출력이 다음 단계의 입력으로 이어지는 형태로 연결된 구조 로그 HRM 투입 제이쿼리에서 > 리액트로 바꾸는 과정은 어렵다 >> 재구축 하기로 + 질문내용 model이 없는 것들은 구지 조건을 달지 않아도 된다. 주로 db에서 처리하기 마련. setPostTerm(e.target.value)} /> 짧아서 보기 편하다. 하지만 구지 말하자면 handleChange 함수를 사용하는 것보다 덜 추상화되어 있어서,..

여러가지 해보는 것이 지저분하지만 경력입니다! 생성 AI > 창의성 핵심은 JS!!!!!!!!!!! java 보다 빠르게 새로운 기술이 나오는 편 노션 또한 JS 사용자가 공기처럼 사용하는 제품을 만든다 1초 느리더라도 모래시계를 보여주면 사용자가 느끼기에 들 지루하다. "문제를 해결하는 제품을 적정기술로 구현해서 빠르게 출시" 자판기 800원짜리 블랙커피 1200원짜리 율무차 1000원을 가진 사람 필요한건 블랙커피 + 200 소프트웨어 = 액션 + 피드백 위조지패 확인 금액 확인 잔돈을 확인 > 뱉거나 생산 가능 체크(커피 분말, 물, 컵) > 뱉거나 ... .... .... 좋은 개발자는 잘 아는 것이 아닌 모르는걸 개발하는 것이기에 사용자 task를 잘 인식해야 한다 || 에러 가 발생 by se..

완료한 업무 레이아웃 구성 api 처리, 리듀서 제작 테이블 만들기 - 필드 목록: 상위코드, 공통코드, 코드명, 하위 코드추가, 수정하기, 삭제하기 기능: 일괄삭제, 검색, 깊이에 따른 색상 분류, 상위코드 합치기 기능 구현 C - 코드생성 코드추가를 누르면 자동으로 셀프참조하여 하위 코드를 작성함 상위코드, 코드번호, 정렬순서 자동 생성 R - 폼 초기화 하고 읽어오게끔 구현 (업데이트와 화면 공유), 새로고침 기능 추가 U - 폼은 공유하고 업데이트 구현 D - 개별삭제 + 일괄삭제 데이터 검증 구현. 향후 구성할 기능 표에서 색상 한줄에 다 들어가게 폼 - 상세보기 기본값 설정 검색 잘보이게 변경, 닫기 기능 추가 전체화면 테이블 맨 위 색상 넣기 질문 사항 콘솔에서 나타나는 dex.js:1 Wa..

기존 에러 메시지는 개발자도 예외적인 상황에서 넘겨주는 시스템 에러메시지 개발자가 데이터 검증후 에러를 처리하기위해 data에 { state 값 true false 로 분기 msg : 상황주기 } status 200으로 통일 해서 진행

// 1. 레이아웃 만들기 [ㅇ] // 2. 테이블 만들기 [o] - 상위공통코드, 공통코드, 코드명, 상세보기, 삭제버튼 + 정렬기능 추가 // 3. 검색 필터 만들기[0] -> 테이블 자체 기능 // 4. api처리 만들기 //codeAPI.js[0] //ccodeReducer.js[0] // 5. 테이블 상위코드 합치기 추가[0] // 6. 상세보기 페이지 만들기[o] - // 추가하기 - 수정버튼[0] // // 7. 삭제기능 추가[0] // 8. 추가기능 추가[0] // 9. 수정기능 추가[0] //추가할 기술 리스트 // 10. (백, 프런트)데이터 검증 추가할것[] // 11. (폼-상세보기)사용여부 기본값 설정 [] // 12. (폼-상세보기)하위 코드 추가 기능 작성[] // 13. (폼..

react문법 _ es6, useState, useEffect redux > store에 변수를 저장후 액션으로 불러오기 (store) = state저장 되는곳 (action) = 스토어의 상태 변경 _ 객체라서 반드시 식별할수 있게끔 (액선 타입)을 가져야함 (dispatch) = 액션을 발생 (reducer) = 전달받은 state를 action을 사용하여 반환, 스토어 안에 있음 redux-toolkit > createSlice 함수를 통해 액션 타입과 액션 생성 함수, 그리고 리듀서를 한 번에 생성 useSelector() = 리덕스 상태 조회 useDispatch() = 액션 발생 redux-saga > api 호출시 순서지정 등의 비동기 작업을 위해서 사용 task = 하나의 saga가 실행되..

1. deleteCode(codeKey) .then(() => { dispatch(codeAction.getCodeList({ target: "codeList" })); codeForm.resetFields(); }); 기존 코드중 잘못된 부분 개선 api를 집접 호출하는 deleteCode 와 dispatch 같이 사용하는 부분을 발견하여 개선 2. 리덕스 툴킷을 사가보다 먼저작성하는걸 권장한다고 하던데 여기서 사가가 먼저 나오는 이유가 있을까요? 리덕스 툴킷을 사가보다 먼저작성하는걸 권장 코드순서랑 상관없이 적용 되는 순서(index에서)가 우선이라는 뜻 코드페이지 내부에서는 slice가 밑에 줄에 있는 이유 : 위에서 적용한 액션 변수 가 쓰이고 사가가 쓰이지 않을때도 있기에 코드스타일을 이렇게 정..

공통코드 관리기능 구현 0. 요구사항파악 - 코드 상하위 관계가 명확히 표출되었으면 함 - 키 값 증분 자동화(코드파악) - 정렬순서를 사용자가 직접 입력하지않아도 기본값으로 쌓이는 순서대로 입력되었으면 함. - 삭제 여부: 삭제 되었는지 확인만! 1. 분석 (table구조, 기능파악) 2. 설계 (패키지 구조, 화면 구조) 3. 구현 (화면구성 기존레이아웃이랑 정해진 공통컴포넌트 사용, antd) 4. 테스트 (개발자 테스트) - 검증/ 오류, 성공 > 메시지 5. 확인 및 검토, 수정사항 반영 기한 6일[목] ~ 11일[화] 오후 4시) 예비군 +1일 기능 추가[modal창 생성 + 테이블로 구조 변경 + 정렬기능 추가] +1일 6일[목] ~ 13일[목] 오후 4시)

프런트 - 리액트 백엔드 - 장고 1단계 프런트 react문법, redux, redux-saga, redux-toolkit, axios(client) 백엔드 APIview, restframework decortor, serializer, trasaction, orm, 인증, 인가 2단계 공통함수 3단계 프로젝트 아키 4단계 시스템전반적인 아키 5단계 운영및 배포