Admin Video

Welcome! Please log in.

Latest videos

channel	title	pub@	cre@	del
차태진	화면 캡처 하고 올리는 방법	2024-12-19 04:05:01	2024-12-19 06:05:11	x
차태진	초심자분과 경험자분들 같이 진행할 수 있도록 수업을 진행하겠습니다	2024-12-19 04:04:46	2024-12-19 05:05:11	x
차태진	AI 도구를 잘 활용하자	2024-12-19 04:04:32	2024-12-19 05:05:11	x
차태진	공지사항 확인 요망	2024-12-19 04:04:23	2024-12-19 05:05:11	x
차태진	줌 이름 바꾸는 법	2024-12-19 04:04:06	2024-12-19 05:05:11	x
차태진	줌 얼굴 보정 하는 법	2024-12-19 04:03:48	2024-12-19 05:05:11	x
차태진	수업페이지 활용 방법	2024-12-19 04:03:20	2024-12-19 05:05:11	x
차태진	수업페이지 소개	2024-12-19 04:03:04	2024-12-19 05:05:11	x
차태진	실습 요구사항4 진행1	2024-12-13 17:11:46	2024-12-13 22:05:13	x
차태진	리액는 DOM을 관리해주기 때문에 개발자가 직접 document GetElement로 DOM 조작하면 안됩니다 리액트의 상태값과 연결된 제어 컴포넌트를 사용해주세요	2024-12-13 17:10:46	2024-12-13 18:05:11	x
차태진	리액트 카운터 앱을 통해 Props 의 개념 및 기능 확인	2024-12-13 17:09:53	2024-12-13 18:05:11	x
차태진	리액트 카운터앱을 통해 본 Props 부모의 상태를 자식이 props로 받아서 부모의 리렌더링을 유발할 수 있다	2024-12-13 17:08:32	2024-12-13 18:05:11	x
차태진	리액트로 배열 다루기 - 배열의 요소를 삭제하여 리렌더링. js 배열 함수들은 대부분 불변성을 위해 결과를 새로운 배열로 리턴한다. 이는 참조값도 달라짐을 의미.	2024-12-09 20:25:30	2024-12-09 21:05:24	x
차태진	리액트로 배열 다루기 - 배열의 요소를 추가하여 리렌더링. 이때 배열의 변경은 참조값이 변경해야 리액트가 변경으로 인식한다	2024-12-09 20:24:25	2024-12-09 21:05:24	x
차태진	리액트로 배열 다루기 - 배열의 요소를 map을 이용해 JSX로 만들어 렌더링	2024-12-09 20:23:42	2024-12-09 21:05:24	x
차태진	배열의 얕은복사와 깊은 복사	2024-12-06 21:58:05	2024-12-06 22:05:26	x
차태진	리액트로 카운터앱 만들기3 - 컴포넌트	2024-12-06 21:57:25	2024-12-06 22:05:26	x
차태진	리액트로 카운터앱 만들기2 - 리렌더링	2024-12-06 21:56:48	2024-12-06 22:05:26	x
차태진	리액트로 카운터앱 만들기1 - 상태(state, setState)	2024-12-06 21:56:26	2024-12-06 22:05:26	x
차태진	바닐라 JS로만 카운터 앱 만들기. DOM을 이용한 렌더링 부분을 함수로 따로 구현	2024-12-04 20:47:52	2024-12-04 21:05:21	x
차태진	리액트에서는 함수 안에서 HTML을 작성할 수 있다. 다만 그것은 진짜 HTML이 아니고 JSX라는 조금 다른 버전의 HTML이다. JSX가 일반 HTML 문법과 다른 부분.	2024-12-04 20:47:33	2024-12-04 21:05:21	x
차태진	console log로 다양한 값을 출력해 볼 수 있다	2024-11-20 21:55:48	2024-11-20 22:05:25	x
차태진	자바스크립트를 이용해 html 문서 그려보기	2024-11-20 21:55:39	2024-11-20 22:05:25	x
차태진	JS 연습용 프로젝트 생성	2024-11-20 21:34:24	2024-11-20 22:05:25	x
차태진	main html에 존재하는 모든 form에 input 태그를 일일이 넣기가 부담스럽다 이땐 input 태그를 조각페이지로 만들어 재사용하면 좋다	2024-11-20 21:10:41	2024-11-20 22:05:25	x
차태진	삭제같은 post 요청의 경우 form을 이용해 요청을 하기 때문에 form의 input을 이용해 파라미터들을 세팅한다	2024-11-20 20:17:42	2024-11-20 21:05:23	x
차태진	스프링부트의 경우 URL에 한글이 포함되어 있으면 처리하지 못한다. 한글을 URL인코딩하여 처리	2024-11-20 20:17:30	2024-11-20 21:05:23	x
차태진	파라미터를 관리하는 클래스 UrlParamManager 도입 이를 이용해 파라미터 세팅이 된 URL을 제공하도록 한다	2024-11-20 20:17:13	2024-11-20 21:05:23	x
차태진	동일한 작업비즈니스을 여러군데에서 하면 중복이다. 나중에 수정할 때 작업이 많아지고 실수가 잦아진다. 관련된 작업은 한곳에서 처리하도록 한다. 이를 응집도라고 한다	2024-11-19 20:49:56	2024-11-19 21:05:23	x
차태진	파라미터를 이용해 정렬 기준을 정하고 서비스에서 정렬 기준에 따라 정렬된 노트 목록 가져와 보여주기. 파라미터는 버튼을 이용해 선택 할 수 있도록 구현	2024-11-19 19:55:57	2024-11-19 20:05:22	x
차태진	노트 최신순으로 정렬해서 보여주기 @OrderBy 방식과 직접 DB를 조회하는 방식 중 동적인 처리를 위해 후자 방식을 사용하여 구현	2024-11-19 19:37:44	2024-11-19 20:05:22	x
차태진	노트 url에도 파라미터를 추가하여 유지하고, 검색 결과 눌렀을 때 해당 노트로 이동하도록 구현	2024-11-18 21:45:15	2024-11-18 22:05:22	x
차태진	스프링부트에서는 파라미터를 객체로 받으면 Model attribute에 해당 객체를 자동으로 추가해주는 기능이 있다. 이를 이용해 파라미터 처리를 좀 더 효율적으로 하도록 리팩토링	2024-11-18 21:21:42	2024-11-18 22:05:22	x
차태진	검색 결과에서 특정 노트북을 선택하면 선택한 노트북으로 이동하기	2024-11-18 20:52:57	2024-11-18 21:05:23	x
차태진	다른 url 링크에도 keyword와 isModalOpen여부 파라미터를 세팅해줘야 검색 결과 및 모달 창 여부를 유지할 수 있음	2024-11-18 20:39:24	2024-11-18 21:05:23	x
차태진	폰트 어썸을 이용하면 웬만한 아이콘들을 무료로 사용할 수 있다. 가입하고 kit script를 얻어야 사용 가능하다	2024-11-18 20:39:03	2024-11-18 21:05:23	x
차태진	검색 모달창 유지하기. 동기식으로 모달 오픈 여부 파라미터를 이용하여 처리하는 방법	2024-11-18 20:02:40	2024-11-18 20:05:19	x
차태진	검색 기능 구현 검색 데이터를 추가하는 과정에서 중복된 코드에 의해 반복 작업 수행. MainDataDto를 새로 만들고 서비스로 통합하여 중복 작업 해결	2024-11-07 21:58:38	2024-11-07 22:05:23	x
차태진	검색 키워드는 자원 식별데이터가 아니고 자원을 선택적으로 가져오는 인자이므로 기존 url에 queryParam으로 추가한다 키워드를 포함한 데이터 가져오기	2024-11-07 21:02:16	2024-11-07 21:05:20	x
차태진	검색 모달창 구현	2024-11-07 20:26:19	2024-11-07 21:05:20	x
차태진	textarea에서 토스트 에디터로 입력이 바뀌었기 때문에 상세보기 및 수정에 토스트 에디터 내용 반영	2024-11-07 20:26:05	2024-11-07 21:05:20	x
차태진	토스트 에디터의 api를 활용해서 에디터의 커서를 가장 끝으로 보내기	2024-11-07 20:25:23	2024-11-07 21:05:20	x
차태진	풍성한 컨테츠 작성 및 편집을 위해 마크다운 에디터 적용	2024-11-06 21:53:50	2024-11-06 22:05:21	x
차태진	로그아웃을 직접 처리하기보다는 시큐리티 설정을 통해 로그아웃 필터를 사용해야 안정적으로 로그아웃 처리가 가능하다	2024-11-06 21:36:54	2024-11-06 22:05:21	x
차태진	비밀번호가 암호화 되어 있지 않으면 시큐리티는 인증 작업을 진행시켜주지 않는다. 시큐리티에서는 다양한 암호화 클래스를 제공하므로 이를 이용해 암호화하여 처리	2024-11-06 21:36:53	2024-11-06 22:05:21	x
차태진	csrf 해킹 방지를 위해 시큐리티는 반드시 토큰이 포함된 post 요청만 처리해준다 타임리프에서는 action 에 th를 붙이면 토큰을 자동으로 만들어준다	2024-11-06 20:54:09	2024-11-06 21:05:21	x
차태진	로그인 페이지 구현. UserDetailService를 구현하여 시큐리티에게 유저 정보를 제공. 이때 시큐리티가 정해놓은 UserDetails 형식으로 제공해야 함.	2024-11-06 20:29:46	2024-11-06 21:05:21	x
차태진	인증되지 않은 요청을 로그인 페이지로 돌리기 위해 FormLogin 필터 추가.이때 따로 설정하지 않으면 시큐리티 기본 로그인 페이지를 사용하므로 우리 로그인 페이지 url로 세팅	2024-11-06 19:53:12	2024-11-06 20:05:21	x
차태진	스프링 필터 체인에서 authorizeHttpRequests 필터는 특정 요청에 대한 접근 허용을 설정할 수 있는 곳이다. 회원 가입과 로그인은 허용하고 나머지는 접근 불가 설정	2024-11-06 19:40:17	2024-11-06 20:05:21	x
차태진	스프링 시큐리티를 이용하면 퀄리티 있는 보안 체계를 손쉽게 구축할 수 있다 다만 프레임워크 이기 때문에 사용법을 공식문서나 GPT 등을 활용하여 구조를 이해해 나가야 한다	2024-11-06 19:39:51	2024-11-06 20:05:21	x
차태진	회원 엔터티 및 서비스 등 회원 도메인 구성하고 회운 정보를 DB에 저장 Spring Validation으로 백엔드에서도 데이터 검증	2024-11-05 21:28:07	2024-11-05 22:05:21	x
차태진	회원 가입 페이지 기본 UI 구성하고 validation 체크	2024-11-05 20:54:12	2024-11-05 21:05:22	x
차태진	회원 가입 기능 구현을 위해 가입 페이지 생성 공유되는 화면을 타임리프 layout으로 재사용	2024-11-05 20:25:35	2024-11-05 21:05:22	x
차태진	DaisyUI 모달 창을 활용해 노트북 이름 변경하기 구현	2024-11-05 19:42:22	2024-11-05 20:05:21	x
차태진	JPA 엔터티에 cascade 옵션을 추가하면 자식 엔터티에 영속성이 전파되기 때문에 편리하다. 다만 부모 엔터티와 자식 엔터티의 생명주기가 같을 때만 사용하자	2024-11-04 21:53:15	2024-11-04 22:05:22	x
차태진	노트북 삭제 기능 구현. 외래키 위반을 피하기 위해 자식들을 먼저 지우고 부모를 지워야 한다	2024-11-04 21:43:27	2024-11-04 22:05:22	x
차태진	노트북 목록에서 내가 선택한 노트북이 잘 표현되지 않는 것을 UI 수정하여 반영	2024-11-04 21:43:01	2024-11-04 22:05:22	x
차태진	아직 노트북 트리의 뎁스를 깊게 가져가지 않고 2뎁스만 유지하기 위해 서브 노트북에 서브 노트북을 등록하는 것을 막음	2024-11-04 20:36:18	2024-11-04 21:05:19	x
차태진	서브 노트북을 만들 때 기본 노트 만드는 비즈니스 로직 누락된 부분 추가하여 에러가 나는 문제 해결	2024-11-04 19:55:09	2024-11-04 20:05:23	x
차태진	디버그 모드 기초 사용법1 - 브레이크 포인트로 원하는 곳에서 멈추고 한줄씩 진행하기. rusume으로 프로세스 재개하기	2024-11-04 19:55:04	2024-11-04 20:05:23	x