odevtube: 개발 관련 유튜브

차태진

2024-08-22
git commit은 작업 이력을 저장하는 것이기 때문에 누가 작업했는지 알아야 함 유저 정보를 등록하는 방법
차태진

2024-08-22
최근 작업 내역에서 또 다른 커밋해보기
차태진

2024-08-22
index를 거쳐 변경사항이 반영된 작업폴더 내역을 commit으로 저장할 수 있다
차태진

2024-08-22
git status는 이전 작업과 현재 작업 사이의 차이를 보여준다
차태진

2024-08-22
파일과 폴더를 생성하고 지워보기
차태진

2024-08-22
git 브랜치는 작업을 저장하는 단위이다 기본 브랜치 이름을 바꿔보기
차태진

2024-08-22
삭제 명령어를 이용해 git 레포지터리 삭제해보기
차태진

2024-08-22
기본적인 쉘 명령어와 git 레포지터리 생성
차태진

2024-08-22
사람이 파일의 변경 이력을 일일이 저장하는 것은 비효율적이다. 이를 돕기 위한 프로그램이 git이다.
차태진

2024-08-21
어디갈래 발표 영상
차태진

2024-08-21
Store24 발표 영상
차태진

2024-08-01
날씨 데이터
차태진

2024-07-31
스크롤 페이징
차태진

2024-07-31
반응형
차태진

2024-07-31
게시물 삭제
차태진

2024-07-31
게시물 수정
차태진

2024-07-31
게시물 등록
차태진

2024-06-25
2차 프로젝트 - 매칭 앱 ARAQ
차태진

2024-06-25
2차 프로젝트 - 인스타그램 모작
차태진

2024-05-24
미션5 필수 - 엔터티 List를 DTO List로 변환하여 검색 결과가 직렬화 과정에서 순환참조에 빠지지 않게 한다
차태진

2024-05-24
미션5 필수 - 엔터티는 연관관계를 끊을 수가 없다. 엔터티의 분신인 dto를 만들어 연관관계에서 자유로워질 수 있다
차태진

2024-05-24
미션5 필수 - JSON 객체 직렬화 과정에서 양방향 관계 엔터티는 서로를 순환참조 하기 때문에 직렬화 실패를 하게 된다. DTO를 도입하여 해결한다
차태진

2024-05-24
미션5 필수 - fetch로 서버와 통신하기 성공
차태진

2024-05-24
미션5 필수 - 매번 html 문서를 서버로 부터 받아 렌더링하는 것은 비효율적이다 데이터만 요청해서 받아 자바스크립트로 화면의 필요한 부분만 고칠 수 있다
차태진

2024-05-23
5 필수 미션 시연 영상
차태진

2024-05-23
5 선택 미션 시연 영상
차태진

2024-05-23
fetch는 비동기 통신이므로 항상 코드의 순서대로 실행된다는 보장이 없다. 항상 then 안에서 작업하는 것을 잊지 말자
차태진

2024-05-23
fetch를 이용하면 다른 서버에서 데이터를 요청해서 받아올 수 있다
차태진

2024-05-23
백틱을 이용하면 html 구조를 최대한 유지하면서 자바스크립트를 적절하게 적용시킬 수 있다
차태진

2024-05-23
기본 동작이 정해져 있는 객체는 preventDefault를 이용해 기본동작을 막을 수 있다
차태진

2024-05-23
각 엘리먼트에 특정 이벤트에 따른 동작을 정의할 수 있다. eventListener라고 한다
차태진

2024-05-23
자바스크립트에서 특정 엘리먼트에 접근할 수 있는 방법으로 getElement 시리즈와 css 선택자를 이용한 querySelector가 있다
차태진

2024-05-23
자바스크립트 객체는 때로는 문자로 처리되어야 할 때가 있다 직렬화와 역직렬화로 문자와 객체를 넘나들 수 있다
차태진

2024-05-23
자바스크립트의 객체는 JSON이라고 불리우며 여러 데이터를 구조화해서 저장할 수 있다
차태진

2024-05-23
map은 forEach와 비슷하지만 작업된 결과를 새로운 배열로 반환한다는 점이 다르다
차태진

2024-05-23
forEach를 이용하면 배열의 요소를 순차적으로 꺼내서 처리할 수 있다. 이때 익명함수를 사용하면 편하다
차태진

2024-05-23
변수는 스코프와 불변성에 따라 var, let, const로 구분되며 const가 가장 권장된다
차태진

2024-05-23
console log로 다양한 값을 출력해 볼 수 있다. typeof 함수는 타입이 없는 자바스크립트에서 유용하다
차태진

2024-05-23
함수는 이름을 가진 네임드 함수와 이름을 가지지 않은 익명함수 두가지로 사용 가능하다
차태진

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

2024-05-23
자바스크립트는 브라우저(자바스크립트 엔진)에 의해 실행된다
차태진

2024-05-14
미션4 카카오와 네이버 소셜 구현
차태진

2024-05-14
미션4 소셜 회원 DB 저장 시연
차태진

2024-05-14
미션4 태그 기능 시연
차태진

2024-05-14
미션4 노트 정렬 기능 시연
차태진

2024-05-14
미션4 검색 기능 시연
차태진

2024-05-14
네이버 소셜 로그인 구현
차태진

2024-05-14
카카오 소셜 로그인 구현
차태진

2024-05-14
각 소셜 서비스에 맞게 유저 정보를 꺼내서 회원가입 구현
차태진

2024-05-14
소셜 로그인시 회원 정보를 DB에 저장하기 위해 DefaultOAuth2UserService를 구현해야 한다
차태진

2024-05-14
구글 소셜 로그인 회원가입 처리
차태진

2024-05-14
태그별 노트 목록 보여주기 위해 태그 모달창을 만들고 UI 꾸미기
차태진

2024-05-13
태그에 해당하는 노트 리스트만 출력하기
차태진

2024-05-13
태그 목록 모달 창을 유지하면서 선택한 태그 표시하기
차태진

2024-05-13
노트 태그 추가 기능 완료
차태진

2024-05-13
노트 태그 목록 보여주고 클릭하면 제거하도록 구현
차태진

2024-05-13
노트는 여러개의 태그를 가질 수 있고 태그도 여러개의 노트를 가질 수 있다. 노트 태그와 태그를 추가하고 노트와 태그의 연관관계를 매핑한다
차태진

2024-05-13
검색 모달 띄운 후 다른 기능을 선택하면 모달이 계속 뜨는 버그 해결. 그외 기타 기능 버그 해결
차태진

2024-05-13
main 페이지에 코드가 많아지면서 정리가 필요해짐. 조각페이지를 이용해 정리
차태진

2024-05-13
모든 Post 요청이 기본 파라미터로 세팅됨 콜백을 이용해 파라미터 커스터마이징하고 이미 존재하는 파라미터는 생성에서 제외

- 삽질없이 쉽게 따라하는 윈도우 개발 환경 셋업: 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