오늘자 회의록

회원 관리는 CRUD가 아니다. 

회원추가를 없어서 만들었다가는 삭제해야 하는 경우도 있음

 

리팩토링  > 이미 기능을 구현하고 다시한번 깔끔한 코드로 개선하는것 - 주로 마지막에 진행, 일정에 따라 포기하기도 함

 

 

파이프라인(영어: pipeline)은 한 데이터 처리 단계의 출력이 다음 단계의 입력으로 이어지는 형태로 연결된 구조

 

로그 < Esline

 

키스텝 진행 > HRM 투입

 

제이쿼리에서 > 리액트로 바꾸는 과정은 어렵다 >> 재구축 하기로

 

 

 

+ 질문내용

 

model이 없는 것들은 구지 조건을 달지 않아도 된다. 주로 db에서 처리하기 마련. 

 

 

 

 

<Input addonBefore="메인용어" type="text" value={postTerm} onChange={(e) => setPostTerm(e.target.value)} />

 

짧아서 보기 편하다. 하지만 구지 말하자면 handleChange 함수를 사용하는 것보다 덜 추상화되어 있어서, 코드의 가독성이 떨어진다

 

 

 

api 관련 생략하고 진행할것. 저쪽팀 프로젝트에서 수정중

 

 

지난주 동안 진행한거,
admin 페이지를 통해 기본 crud 학습
common 컴포넌트를 제작하여 리액트 학습


기능 추가
워드클라우드 캡쳐 이미지 저장 기능 
드래그앤 드롭 기능 추가 (삭제, 선택 키워드)





금주 주 과제 
완료
>학과장님과 면담 
> 회원관리 불필요한 기능 뺴고 상세보기만 남겨두기
미완
> 공통 부분 마무리 용어관리 부분에 추가하기, 삭제하기 구현




이슈사항

1. nodejs 설지 (LTS 버전으로 설치) 해도 작동을 안하는것을 확인 
(이유 > 18버전 부터 작동을 안하는 것들이 있음) 
17 이하의 버전으로 구동할 것을 권장함
NVM 다운로드 추천
 https://github.com/coreybutler/nvm-windows


2. antd 테이블 기능중 ref를 사용하여 css적용하는 기술은 ver 4.7.0 부터 가능함
향후 디자인 사용시 참고 (현재 4.6.2)

3. . 카멜 to snake 과정중 
etcRmkCn1 이 etc_rmk_cn_1로 바뀌는 부분을 확인. 
조건 통일 필요하다고 생각!


숫자 앞에는 _ 안붙는걸로 통일하는것이 더 좋아보임
function camelToSnakeCase(str) {
  return str.replace(/([a-z])([A-Z0-9])/g, '$1_$2')
            .replace(/([0-9])([a-zA-Z])/g, '$1_$2')
            .toLowerCase();
}

>>>>>


function camelToSnakeCase(str) {
  return str.replace(/([a-z\d])([A-Z])/g, '$1_$2')
            .toLowerCase();
}



4. 
src\utils\asyncUtils.js 에서

const target =
      action.payload && action.payload.target ? action.payload.target : null;
    try {
      const response = yield call(request, action.payload);
      const payload = target ? { ...response, target } : response;

>>>>>>

const target = action.payload?.target || null; 
    try {
      const response = yield call(request, action.payload);
      const payload = target ? { ...response, target } : response;