- 11 748
- 857 779
몰입코딩 아카이브
South Korea
Приєднався 9 вер 2008
class101.page.link/FYhV
이번에 클래스101에서 웹퍼블리싱강의를 만들게 되었습니다.
이번에 클래스101에서 웹퍼블리싱강의를 만들게 되었습니다.
24 12 18, p 13902, 13강, 글 수정시 입력되는 데이터의 유효성 체크, @Valid
24 12 18, p 13902, 13강, 글 수정시 입력되는 데이터의 유효성 체크, @Valid
Переглядів: 0
Відео
24 12 18, p 13902, 12강, ReqBody 클래스를 레코드로 변형하여 코드량을 줄임
24 12 18, p 13902, 12강, ReqBody 클래스를 레코드로 변형하여 코드량을 줄임
24 12 18, p 13902, 11강, RsData 클래스 도입하여 응답 양식을 통일
Переглядів 1
24 12 18, p 13902, 11강, RsData 클래스 도입하여 응답 양식을 통일
24 12 18, p 13902, 10강, 글 수정, POSTMAN 으로 API 호출
Переглядів 10
24 12 18, p 13902, 10강, 글 수정, POSTMAN 으로 API 호출
24 12 18, p 13902, 8강, DELETE /api/v1/posts/{id}, HTTP 메서드 : GET(조회), POST(생성), PUT(수정), DELETE(삭제)
Переглядів 3
24 12 18, p 13902, 8강, DELETE /api/v1/posts/{id}, HTTP 메서드 : GET(조회), POST(생성), PUT(수정), DELETE(삭제)
24 12 18, p 13902, 9강, 조금 더 명확한 응답을 위해서 결과코드와 메세지를 함께 전달(응답)
Переглядів 2
24 12 18, p 13902, 9강, 조금 더 명확한 응답을 위해서 결과코드와 메세지를 함께 전달(응답)
24 12 18, p 13902, 6강, GET /api/v1/posts, REST API 서버는 데이터를 꾸밀 필요가 없다.
Переглядів 52 години тому
24 12 18, p 13902, 6강, GET /api/v1/posts, REST API 서버는 데이터를 꾸밀 필요가 없다.
24 12 18, p 13902, 5강, 백엔드 로직은 프론트엔드의 종류에 영향받지 않는다.
Переглядів 52 години тому
24 12 18, p 13902, 5강, 백엔드 로직은 프론트엔드의 종류에 영향받지 않는다.
24 12 18, p 13902, 4강, 앱 개발 방식 비교(타임리프/JSP vs 리액트/뷰/스밸트/앵귤러)
3 години тому
24 12 18, p 13902, 4강, 앱 개발 방식 비교(타임리프/JSP vs 리액트/뷰/스밸트/앵귤러)
24 12 18, p 13902, 3강, Post 엔티티 생성, 샘플 데이터로 글 3개 생성
Переглядів 43 години тому
24 12 18, p 13902, 3강, Post 엔티티 생성, 샘플 데이터로 글 3개 생성
24 12 18, p 13902, 2강, JPA 설정, JPA를 위한 기본 엔티티들 생성, 샘플데이터 생성기 추가
Переглядів 33 години тому
24 12 18, p 13902, 2강, JPA 설정, JPA를 위한 기본 엔티티들 생성, 샘플데이터 생성기 추가
24 12 18, p 13902, 2강, JPA 설정, JPA를 위한 기본 엔티티들 생성, 샘플데이터 생성기 추가
Переглядів 13 години тому
24 12 18, p 13902, 2강, JPA 설정, JPA를 위한 기본 엔티티들 생성, 샘플데이터 생성기 추가
24 12 18, p 13902, 1강, REST API 프로젝트 생성 후 GIT PUSH
Переглядів 64 години тому
24 12 18, p 13902, 1강, REST API 프로젝트 생성 후 GIT PUSH
24 12 18, p 13899, 27강, 글 리스트와 상세페이지에 날짜 노출
Переглядів 44 години тому
24 12 18, p 13899, 27강, 글 리스트와 상세페이지에 날짜 노출
24 12 18, p 13899, 26강, 글이 없다면 샘플 데이터(글 3개) 생성되도록
Переглядів 24 години тому
24 12 18, p 13899, 26강, 글이 없다면 샘플 데이터(글 3개) 생성되도록
24 12 18, p 13899, 23강, 글 리스트의 뷰를 list.html 으로 구현
Переглядів 24 години тому
24 12 18, p 13899, 23강, 글 리스트의 뷰를 list.html 으로 구현
24 12 18, p 13899, 22강, `${#fields.allErrors()}` 를 통해서 th:object 안에서 관련 오류 출력
Переглядів 25 годин тому
24 12 18, p 13899, 22강, `${#fields.allErrors()}` 를 통해서 th:object 안에서 관련 오류 출력
24 12 18, p 13899, 21강, th:object, th:field 로 HTML 코드량 줄이기, label 엘리먼트 도입
Переглядів 45 годин тому
24 12 18, p 13899, 21강, th:object, th:field 로 HTML 코드량 줄이기, label 엘리먼트 도입
24 12 18, p 13899, 20강, 컨트롤러 클래스 안에서 2줄 띄워쓰기 기준으로 그룹화, @ModelAttribute 생략
Переглядів 35 годин тому
24 12 18, p 13899, 20강, 컨트롤러 클래스 안에서 2줄 띄워쓰기 기준으로 그룹화, @ModelAttribute 생략
24 12 17, p 13900, 7강, testFacadePostService has testPostService, testPostRepository
Переглядів 321 годину тому
24 12 17, p 13900, 7강, testFacadePostService has testPostService, testPostRepository
24 12 17, p 13900, 6강, testPostService has testPostRepository
Переглядів 121 годину тому
24 12 17, p 13900, 6강, testPostService has testPostRepository
24 12 17, p 13900, 5강, TestPostRepository testPostRepository = applicationContext.genBean 작동
Переглядів 121 годину тому
24 12 17, p 13900, 5강, TestPostRepository testPostRepository = applicationContext.genBean 작동
24 12 17, p 13900, 4강, applicationContext.genBean("testPostService"); 를 2번 이상 호출했을 때 같은 객체가 리턴
Переглядів 321 годину тому
24 12 17, p 13900, 4강, applicationContext.genBean("testPostService"); 를 2번 이상 호출했을 때 같은 객체가 리턴
24 12 17, p 13900, 3강, TestPostService testPostService = applicationContext.genBean
Переглядів 321 годину тому
24 12 17, p 13900, 3강, TestPostService testPostService = applicationContext.genBean
24 12 17, p 13900, 2강, 태초에 ApplicationContext 가 있었다.
Переглядів 521 годину тому
24 12 17, p 13900, 2강, 태초에 ApplicationContext 가 있었다.
24 12 17, p 13900, 1강, 스프링부트 IoC 컨테이너 클론코딩 시작합니다.
Переглядів 821 годину тому
24 12 17, p 13900, 1강, 스프링부트 IoC 컨테이너 클론코딩 시작합니다.
24 12 17, p 13899, 18강, 인텔리제이에서 `Namespace 'th' is not bound` 라는 타임리프 관련 오류 해결법
Переглядів 522 години тому
24 12 17, p 13899, 18강, 인텔리제이에서 `Namespace 'th' is not bound` 라는 타임리프 관련 오류 해결법
자바 공부를 하다가 처음에 입력하는 main에 대해 궁금해서 왔습니다! 좋은 공부 하고 갑니다! 혹시 키보드는 어떤 거를 사용 하시나요? 소리가 좋네요 ㅎㅎ
@@once_a_ 그냥 아주 평범한 키보드 사용합니다 ㅎㅎ 예전꺼라서 기억이 잘 안나네요 😭
혹시 장희성씨 되십니까?
index.html 파일이 spring boot로 build한 jar파일 안에 있으면 강의에서 말한 방식으로 root를 지정하기 힘든데 이 경우엔 어떻게 해야할까요?
@@박인찬-v4w 이런 경우는 스프링부트를 실행하시고 nginx 에서는 포트포워딩으로 스프링부트로 넘겨야 해요
@@micoding 감사합니다!!!
좋은 강의네요!
제이쿼리를 선언 하지 않고 css hover를 써서 키프레임 애니메이션 거는 방법도 있긴한데 입맛에 맞는 퍼블리싱을 하면 되겠네요 저는 오히려 키프레임이 커스텀하기가 좋아 좀 더 디테일한 애니메이션을 구현할 수 있어서 자주 사용합니다
소리가 좀 작네요
Great work!
안녕하세요 유용한 정보 감사드립니다 ㅎㅎ 한가지 궁금한 사항이 있는데요! 리프레시 토큰이 탈취 당하면 어떻게 하지? 라는 걱정을 하고 있었는데요! 마지막에 말씀해주시길 리프레시 토큰은 어차피 디비에 저장되기 때문에 (이하 제 생각)탈취당할 염려를 할 필요가 없는 것으로 이해하면 될까요~?
@@onulsiktak http only 쿠키로 저장되기 때문에 리프레시 토큰 탈취 가능성은 굉장히 낮습니다. 하지만 탈취 되었다면 그리고 그 사실을 알았다면 db 에 저장된 키를 삭제하고 다시 등록해야 합니다.
안녕하세요. 실행 창에서 한글 입력이 안되는 경우에는 어떻게 해야 하나요? Scanner 클래스 사용해서 문자열 입력받는 코드 실행했을 때 영어 문자열은 입력되는데 한글이 입력되지 않습니다. 그런데 한글을 복/붙 하면 정상적으로 입력됩니다.
조회수 높은 영상들 위주로 찾아봤지만 저는 이 영상이 딱 이네요. return에 대해서 이해했어요! 감사합니다.
잘봤습니다 println print printf 차이좀 댓글로 알려주실수있으십니까
the constructor for ChatMessage(int, int, String, String)is undefined.로 나와요. ChatDao.java에서. 17:36, line 20이요. 어떻게 방법이 없을까요? ChatMessage.java에서는 id, roomId 등이 unused라고 뜨네요
ChatMessage(int, int, String, String) 이런 형태의 생성자를 만들어주시면 됩니다. 제 영상에서 그렇게 하고 있긴한데, 아마 오타 나신것 같아요.
@@micoding ChatMessage(newId, roomId, writer, body)맞게 쳤어요. quick fix에서 ChatMessage.java에 constructor를 class 없이, 모든거에, writer2, body2이렇게 만들어져서해서 writer2=writer,body2=body해서 오률 고쳤는데, 이번엔 json으로변환을 못하겠다는 식의 메시지가 떠서요. 어떻게 방법이 없을까요?
자동생성으로 가는거 막혔었는데 제가 간격을 잘 안 맞췃네요 ㅠㅠ 동영상 정말 많은 도움됬어요 감사합니다.
오 감사합니다~ 비유를 들어주니 이해가 편하네요
진짜 최고이십니다
에코 때문에 못 보겠어요..
서블릿, jsp 둘다 못해서 헷갈려했는데 잘 보고 갈께요!
선생님 웹퍼블리셔 취업을 준비하는 사람인데요 css html 강좌는 안 하시나요 ㅜ
죄송합니다 ㅠㅠ😭 scode.gg/p/4711 보세요 ㅎ
@@micoding 선생님 보려고 연간권 결제했어요 감사합니다! 화이팅할게요
안녕하세요 2부도 보고싶은데 어디있나요?
이 1부가 끝입니다. ㅜ
안녕하세요! 선생님. 클래스 101을 통해 선생님 수업을 듣고 있는 취준생입니다. 원래 전공이 이 쪽 관련이였는데, 대학생때는 흥미를 느끼지 못하고, 다른 방향으로 취업을 했다가 퇴사하고 다시 이쪽으로 취업을 준비하고 있습니다(웹퍼블리셔, 웹개발 나아가 프론트엔드까지) 처음에 어떻게 어디부터 시작해야할지 막막했는데, 선생님의 수업을 들으면서 다시한번 재미도 느끼고, 이해가 되니 흥미도 절로 생기더라구요. 그래서 다시 html, css, js부터 차근차근 배우고 있는데, 나이가 있어서(28살) 취업 방향을 어떻게 잡아야할지 조언을 얻고 싶어서 댓글 남깁니다. (혼자 공부하니 포트폴리오도 어떤식으로 준비해야할지 감이 안잡혀서요...) 고퀄리티 수업 정말 잘 듣고 있습니다! 감사합니다!!
아하 안녕하세요. 제 생각에는 무료 KDT 국비(부트캠프형 국비) 수업이 있는데요. 그 쪽을 알아보시는 걸 추천드립니다. 사실 혼자 공부한 다는 것은 정말 쉽지 않은 일인것 같아요. 테킷 프론트엔드 과정 추천 드립니다. techit.education/school
@@micoding 네 도전해보겠습니다! 감사합니다!!
감사합니다. ListView 그냥 썼는데 내부원리 이해가 되네요
팬 .. 입니다!!!
너무 날 것의 그것.. ㅎㅎ 코딩 쳐돌이 같아용 헤헤 더 자세히 설명해주시는 모습도 기대하겠습니다!
창고 제품 관리를 엑셀로 하다가 장바구니 기능(쇼핑이나 게임에 보면 마우스 드레그로 정리가 돼는것을 보고) 이 있으면 좋겠다는 생각으로 검색을 했는데 자바라는 프로그램을 배워야 사용할수 있군요.
ㅋㅋㅋㅋㅋㅋ 너무 쉽게 설명해주셔서 어이가 없어서 웃음이 나옵니다ㅋㅋㅋㅋㅋ 바로 이거죠!!! 캄솨합니다! 완죤 직관적인 설명ㅋㅋㅋ <책들> 리두: 복제본을 적재시킨 뒤 ~ 이후에 일어난 변경만을 로그를 이용해 ~쌀라쌀라 언두 : ~신뢰성을 잃어버린 경우에 로그를 이용해 모든 변경들을 취소해~ 쌀라쌀라 흠~흐음... 알듯말듯? 아...그렇구나... 아?! 한 50% 아는거 같기도 하고 감못잡은거 같기도 하구... 흠... 내가 부족한거겠지... 흐음..으흠... 뭘까...?.... <쌤> asdf1234 타이핑해보세여 ctrl+r해서 없애보세여. 싹사라지져? 그게 언두에여 u 해서 다시 asdf1234나타나게 해보세여. 나타나져? 그게 리두에여 ㅋㅋㅋㅋㅋㅋㅋ 이 쉬운걸 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 캄사합니다ㅋㅋㅋㅋㅋ
깃 파일 받을 수 있을까요
전반적으로 좋은데... 소스가 없네요,..... 유사한 다른 유튜브에서는 소스가 다제공되어 바로 테스해볼수 있는데 아쉽네요...
안녕하세요! 보고 구현을 해봤는데... js가 안먹히는거 같아서 ㅠㅠ head 안에 스크립트 링크를 <script src="cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"></script> <script src="cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/ScrollTrigger.min.js"></script>넣었는데 혹시 맞을까요?... 아니면.. <script src="cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script> <script src="cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script> 최신버전으로 넣었는데도 js가 작동을 안하는데///.... 가로 스크롤 구현이 너무 하고싶습니당.... gsap.registerPlugin(ScrollTrigger); function SectionGroup__init() { $('.section-group--horizontal-right').each(function(index, node){ var $group = $(node); var $section = $group.find(' > .section'); gsap.to($section, { xPercent: 100 * ($section.length - 1), ease:"none", scrollTrigger:{ trigger:$group, start:"top top", end:"+=" + ($section.length - 1) + "00%", pin: true, scrub:true, markers:true } }); }); $('.section-group--horizontal-left').each(function(index, node){ var $group = $(node); var $section = $group.find(' > .section'); gsap.to($section, { xPercent: -100 * ($section.length - 1), ease:"none", scrollTrigger:{ trigger:$group, start:"top top", end:"+=" + ($section.length - 1) + "00%", pin: true, scrub:true, markers:true } }); }); } SectionGroup__init(); js는 유튜브 보고 똑같이 작성했구요!! 철자 틀렸는지도 계속 확인 했는데 구현이 안돼서 답답한 맘 뿐이네용,,,,,,,,,,,ㅠㅜ
혹시 오류는 어떤거 뜨셨나요
혹시 3부는 없나요?
그 다음 5강으로 넘어갑니다 ㅎ
hi don't know if you are still there, but i did the same as you, then i also generated QClass classes but then i tried running my project, but it didn't run and it said missing class in my model or entity, even though I already have those Classes in my entity or model package. I hope you will reply soon, I am also looking forward to getting to know you.
im sorry but this is old way. find new way plz. it didnt work now ㅜㅜ
안녕하세요 서버에 mysql , java 설치하고 jar 올린후에 공인 IP로 접속하니까 안뜨더라구요 혹시 뭐가문제인지 알수있을까요? 터미널에서는 BOOT 오류없이 잘 실행중인거 확인했습니다.
acg 에서 포트를 허용하셨나요?
@@micoding 앗.. 80만 추가하고 8080을 추가안해서 생긴문제였었네요 덕분에 잘 해결했습니다 ㅎㅎ 감사합니다!
너무 잘 설명 하시네요
감사합니다
혹시 반응형이 될 때 scrollOverflow 값을 변경 할 수 있나요?
내위치를 확인하는 코드는 없는지요? 부탁드리니다.
10살은 없나용
꾸준히 열심히 하시네여
감사합니다
height: 100% 는 주소창이 없을 때 ===>>> 대응이 안되고 height: 100vh 는 주소창이 있을 때 ===>>> 대응이 안되는데요?
blog.leehov.in/39
@@micoding 링크 감사합니다만, 링크 방법도 스크롤이 애매하게 생기면 (정정 : 콘텐츠 길이가 height: 100% 와 height: 100vh 사이 일때) 그 애매한 높이만큼 비어보이는 이슈가 발생합니다. (정정 : 콘텐츠 길이만큼 calc --vh px 값으로 적용되어서, 꽉 안찹니다.)
@@micoding 해당 방법도 완벽하게 커버가 안되어요. 딱 스크롤이 없을때나 / 스크롤이 여유있게 생겼을때나 대응이 됩니다.
compent를 부여할때 스프링이 객체를 생성하는건 똑같이 new할당인가요? 아니면 싱글톤의 스태틱처럼 동작 하는건가요?
모든 객체 생성은 new 를 통해서 진행됩니다. 위와 같이 @Component 어노테이션이 붙은 클래스의 객체는 스프링 컨테이너가 싱글톤으로 관리 합니다.
@@micoding 답변 고맙습니다. 즉, 스프링 어노테이션으로 주입된 클래스들은 인스턴스처럼 쓸수 없다고 생각하면 되나요?? (주로 컨트롤러나 서비스에 붙이니 이들은 정적클래스처럼 생각)
@@ACEorWater 네, 사실 new 를 이용해서 개발자가 수동으로 객체를 생성할 수 는 있지만, 실제로 그렇게 사용할 이유가 없기도 해서, 말씀하신것 처럼 그냥 정적 클래스로 생각하셔도 됩니다. 다만 객체 공유 전략은 싱글톤 말고도 많이 있습니다. `스프링 컴포넌트 스코프`라고 검색해보시면 될거에요 ㅎ ^ ^
css가아닌 tailwind만을 사용한다면 어떻게 해야하나요?
테일윈드만으로는 한계가 있습니다. 테일윈드로 안될 때는 css 작업을 해줘야 합니다.
@@micoding 테일윈드로 lg:height를 준상태에서 mouseleave 시 animate({'height':' '}, 500); 를 적용시키니 작동은 하지만 깜빡거리는 현상이 생기던데 이럴때에는 높이를 입략해줘야하나요?
@@손도휘 이런 작업은 css 트랜지션으로 하는게 좋아요
wiken.io/ken/11755 에 접속하시면 누구나 따라하실 수 있습니다.
굿입니다
프로젝트 체로 받을 수 없을까요
github.com/JS512/spring-boot-board_1
짧고 직관적이고 이햬가 쏙쏙되는 강의였습니다 감사합니다
1:20 쓸데없이 긴 부분들을 줄여주는 display: inline-block; 1:44 ul > li 직계 상속으로 display: inline-block; 을 주면 가로로 전환됨 2:20 li 태그에 text align이 먹히는 이유 3:20 박스 여백 - 5:20 박스 여백을 a태그로 줘야 한다. 5:38 색이 이상하게 들어간 이유