![]()
ES6에서는 상당히 많은 부분의 변화가 있었는데 그 중에서도 객체를 다루는 방법이 상당히 편리해졌다.알아두면 자바스크립트 코드를 짜는데 매우매우매우매우 유용하다. 1. 속성명 축약객체를 정의할 때 key에 할당하는 변수의 이름이 같으면 축약이 가능하다.var student = ['Lee', 'Kim', 'Cho'];var teacher = ['Yoo', 'Choi'];// ES5var school = { student: student, teacher: teacher,}// ES6+const school = { student, teacher,}※ ES6에서는 호이스팅 개선을 위해 let, const 선언자가 추가되었다. 2. 메서드명 축약메서드 선언 시 function 키워드를 생략 가능하다.// ..
![]()
7월에 개발한 내용 이제야 올리기....그동안 다른 일이 생겨서 공통 컴포넌트 개발은 딱 그리드 편집모드까지만 만들고 뒤로 미뤄뒀다. 요구사항편집 모드 분리셀 데이터 변경읽기 전용 셀 → input, selectbox, datepicker 등으로 변환체크박스 → 비활성화 또는 행 삭제 버튼으로 변경정렬 불가행 추가/삭제 구현 구현1. 편집모드editmode 변수 추가const [editmode, setEditmode] = useState(false); 그리드에 보여지는 viewData에 수정을 가할 예정이다. 그렇기 때문에 편집 모드로 변경 시에는 적용된 정렬을 전부 해제한다.useEffect(() => { setViewData( rowData.map((data, idx) => ({ ..
JWT (JSON Web Token)인증에 필요한 정보들을 암호화시킨 JSON 토큰JWT 기반 인증은 JWT 토큰 (Access Token)을 HTTP 헤더에 실어 서버가 클라이언트를 식별하는 방식 JWT 구조암호화 알고리즘을 담은 Header사용될 데이터 정보를 담고 있는 Payload서명 Signature 장점Header와 Payload로 서명을 생성하므로 데이터의 위변조를 막을 수 있음인증 정보에 대한 별도의 저장소가 필요없음 (DB 조회 필요 X) JWT를 이용한 인증 과정사용자 로그인 (인증 요청)JWT, Access Token, Refresh Token 발급 (서버)Access Token을 Header에 담아 API 요청 (클라이언트)Access Token에 문제 없으면 정보 응답 (서버)..
