odevtube: 개발 관련 유튜브

차태진

2024-12-19
화면 캡처 하고 올리는 방법
차태진

2024-12-19
초심자분과 경험자분들 같이 진행할 수 있도록 수업을 진행하겠습니다
차태진

2024-12-19
AI 도구를 잘 활용하자
차태진

2024-12-19
공지사항 확인 요망
차태진

2024-12-19
줌 이름 바꾸는 법
차태진

2024-12-19
줌 얼굴 보정 하는 법
차태진

2024-12-19
수업페이지 활용 방법
차태진

2024-12-19
수업페이지 소개
차태진

2024-12-13
실습 요구사항4 진행1
차태진

2024-12-13
리액는 DOM을 관리해주기 때문에 개발자가 직접 document GetElement로 DOM 조작하면 안됩니다 리액트의 상태값과 연결된 제어 컴포넌트를 사용해주세요
차태진

2024-12-13
리액트 카운터 앱을 통해 Props 의 개념 및 기능 확인
차태진

2024-12-13
리액트 카운터앱을 통해 본 Props 부모의 상태를 자식이 props로 받아서 부모의 리렌더링을 유발할 수 있다
차태진

2024-12-09
리액트로 배열 다루기 - 배열의 요소를 삭제하여 리렌더링. js 배열 함수들은 대부분 불변성을 위해 결과를 새로운 배열로 리턴한다. 이는 참조값도 달라짐을 의미.
차태진

2024-12-09
리액트로 배열 다루기 - 배열의 요소를 추가하여 리렌더링. 이때 배열의 변경은 참조값이 변경해야 리액트가 변경으로 인식한다
차태진

2024-12-09
리액트로 배열 다루기 - 배열의 요소를 map을 이용해 JSX로 만들어 렌더링
차태진

2024-12-06
배열의 얕은복사와 깊은 복사
차태진

2024-12-06
리액트로 카운터앱 만들기3 - 컴포넌트
차태진

2024-12-06
리액트로 카운터앱 만들기2 - 리렌더링
차태진

2024-12-06
리액트로 카운터앱 만들기1 - 상태(state, setState)
차태진

2024-12-04
바닐라 JS로만 카운터 앱 만들기. DOM을 이용한 렌더링 부분을 함수로 따로 구현
차태진

2024-12-04
리액트에서는 함수 안에서 HTML을 작성할 수 있다. 다만 그것은 진짜 HTML이 아니고 JSX라는 조금 다른 버전의 HTML이다. JSX가 일반 HTML 문법과 다른 부분.
차태진

2024-11-20
console log로 다양한 값을 출력해 볼 수 있다
차태진

2024-11-20
자바스크립트를 이용해 html 문서 그려보기
차태진

2024-11-20
JS 연습용 프로젝트 생성
차태진

2024-11-20
main html에 존재하는 모든 form에 input 태그를 일일이 넣기가 부담스럽다 이땐 input 태그를 조각페이지로 만들어 재사용하면 좋다
차태진

2024-11-20
삭제같은 post 요청의 경우 form을 이용해 요청을 하기 때문에 form의 input을 이용해 파라미터들을 세팅한다
차태진

2024-11-20
스프링부트의 경우 URL에 한글이 포함되어 있으면 처리하지 못한다. 한글을 URL인코딩하여 처리
차태진

2024-11-20
파라미터를 관리하는 클래스 UrlParamManager 도입 이를 이용해 파라미터 세팅이 된 URL을 제공하도록 한다
차태진

2024-11-19
동일한 작업비즈니스을 여러군데에서 하면 중복이다. 나중에 수정할 때 작업이 많아지고 실수가 잦아진다. 관련된 작업은 한곳에서 처리하도록 한다. 이를 응집도라고 한다
차태진

2024-11-19
파라미터를 이용해 정렬 기준을 정하고 서비스에서 정렬 기준에 따라 정렬된 노트 목록 가져와 보여주기. 파라미터는 버튼을 이용해 선택 할 수 있도록 구현
차태진

2024-11-19
노트 최신순으로 정렬해서 보여주기 @OrderBy 방식과 직접 DB를 조회하는 방식 중 동적인 처리를 위해 후자 방식을 사용하여 구현
차태진

2024-11-18
노트 url에도 파라미터를 추가하여 유지하고, 검색 결과 눌렀을 때 해당 노트로 이동하도록 구현
차태진

2024-11-18
스프링부트에서는 파라미터를 객체로 받으면 Model attribute에 해당 객체를 자동으로 추가해주는 기능이 있다. 이를 이용해 파라미터 처리를 좀 더 효율적으로 하도록 리팩토링
차태진

2024-11-18
검색 결과에서 특정 노트북을 선택하면 선택한 노트북으로 이동하기
차태진

2024-11-18
다른 url 링크에도 keyword와 isModalOpen여부 파라미터를 세팅해줘야 검색 결과 및 모달 창 여부를 유지할 수 있음
차태진

2024-11-18
폰트 어썸을 이용하면 웬만한 아이콘들을 무료로 사용할 수 있다. 가입하고 kit script를 얻어야 사용 가능하다
차태진

2024-11-18
검색 모달창 유지하기. 동기식으로 모달 오픈 여부 파라미터를 이용하여 처리하는 방법
차태진

2024-11-07
검색 기능 구현 검색 데이터를 추가하는 과정에서 중복된 코드에 의해 반복 작업 수행. MainDataDto를 새로 만들고 서비스로 통합하여 중복 작업 해결
차태진

2024-11-07
검색 키워드는 자원 식별데이터가 아니고 자원을 선택적으로 가져오는 인자이므로 기존 url에 queryParam으로 추가한다 키워드를 포함한 데이터 가져오기
차태진

2024-11-07
검색 모달창 구현
차태진

2024-11-07
textarea에서 토스트 에디터로 입력이 바뀌었기 때문에 상세보기 및 수정에 토스트 에디터 내용 반영
차태진

2024-11-07
토스트 에디터의 api를 활용해서 에디터의 커서를 가장 끝으로 보내기
차태진

2024-11-06
풍성한 컨테츠 작성 및 편집을 위해 마크다운 에디터 적용
차태진

2024-11-06
로그아웃을 직접 처리하기보다는 시큐리티 설정을 통해 로그아웃 필터를 사용해야 안정적으로 로그아웃 처리가 가능하다
차태진

2024-11-06
비밀번호가 암호화 되어 있지 않으면 시큐리티는 인증 작업을 진행시켜주지 않는다. 시큐리티에서는 다양한 암호화 클래스를 제공하므로 이를 이용해 암호화하여 처리
차태진

2024-11-06
csrf 해킹 방지를 위해 시큐리티는 반드시 토큰이 포함된 post 요청만 처리해준다 타임리프에서는 action 에 th를 붙이면 토큰을 자동으로 만들어준다
차태진

2024-11-06
로그인 페이지 구현. UserDetailService를 구현하여 시큐리티에게 유저 정보를 제공. 이때 시큐리티가 정해놓은 UserDetails 형식으로 제공해야 함.
차태진

2024-11-06
인증되지 않은 요청을 로그인 페이지로 돌리기 위해 FormLogin 필터 추가.이때 따로 설정하지 않으면 시큐리티 기본 로그인 페이지를 사용하므로 우리 로그인 페이지 url로 세팅
차태진

2024-11-06
스프링 필터 체인에서 authorizeHttpRequests 필터는 특정 요청에 대한 접근 허용을 설정할 수 있는 곳이다. 회원 가입과 로그인은 허용하고 나머지는 접근 불가 설정
차태진

2024-11-06
스프링 시큐리티를 이용하면 퀄리티 있는 보안 체계를 손쉽게 구축할 수 있다 다만 프레임워크 이기 때문에 사용법을 공식문서나 GPT 등을 활용하여 구조를 이해해 나가야 한다
차태진

2024-11-05
회원 엔터티 및 서비스 등 회원 도메인 구성하고 회운 정보를 DB에 저장 Spring Validation으로 백엔드에서도 데이터 검증
차태진

2024-11-05
회원 가입 페이지 기본 UI 구성하고 validation 체크
차태진

2024-11-05
회원 가입 기능 구현을 위해 가입 페이지 생성 공유되는 화면을 타임리프 layout으로 재사용
차태진

2024-11-05
DaisyUI 모달 창을 활용해 노트북 이름 변경하기 구현
차태진

2024-11-04
JPA 엔터티에 cascade 옵션을 추가하면 자식 엔터티에 영속성이 전파되기 때문에 편리하다. 다만 부모 엔터티와 자식 엔터티의 생명주기가 같을 때만 사용하자
차태진

2024-11-04
노트북 삭제 기능 구현. 외래키 위반을 피하기 위해 자식들을 먼저 지우고 부모를 지워야 한다
차태진

2024-11-04
노트북 목록에서 내가 선택한 노트북이 잘 표현되지 않는 것을 UI 수정하여 반영
차태진

2024-11-04
아직 노트북 트리의 뎁스를 깊게 가져가지 않고 2뎁스만 유지하기 위해 서브 노트북에 서브 노트북을 등록하는 것을 막음
차태진

2024-11-04
서브 노트북을 만들 때 기본 노트 만드는 비즈니스 로직 누락된 부분 추가하여 에러가 나는 문제 해결
차태진

2024-11-04
디버그 모드 기초 사용법1 - 브레이크 포인트로 원하는 곳에서 멈추고 한줄씩 진행하기. rusume으로 프로세스 재개하기

- 삽질없이 쉽게 따라하는 윈도우 개발 환경 셋업: https://inf.run/9Y2oY
- VS Code에서 쉽게 사용하는 Git: https://inf.run/LPpDg, Udemy
- React + API Server 프로젝트 개발과 배포 (CI/CD): https://inf.run/H6vcA - 50% 할인 쿠폰 코드: 20652-ab1f1cd4c373

* Contact: [email protected], OKdevTV: https://youtube.com/@KenuHeo