nextjs가 데이터 절약을 위해 자동으로 압축되서 sse나 웹소켓 사용이 힘들긴 하더라구요 해결법 찾아보면 보통 사용자 node js를 따로 제작해서 소켓전용으로 하라던데 사실 데이터 전송이나 소켓 연결할때 헤더에 압축안함 옵션 박아주면 되긴합니다... 그 외에도 기존 장고나 스프링에 비해 부족한점이 많지만 만족도는 아직 높습니다. 간결하고 다루기 쉬우니깐요 굿굿 파이썬이랑 js가 메인언어가 되어버렸다니깐요 ㅎㅎ
보통 변화가 잦은 데이터같은거 html이랑 json이 분리되서 오는 경우가 잦아서, 특정 사이트 정보 크롤링할 때 json쪽 링크 찾아서 자유접근가능하면 그거 썼는데, 최근 학식 메뉴 가봤는데 그냥 처음부터 다 때려박혀져 있더라고요. 그래서 와 처음부터 페이지를 다 만들어서 보내버리네 이러기도 하는구나.. 하고 있는 찰나에 서버사이드 렌더링이 주가 된다는 영상을 봐서 기분이 좋네요.
SSR이 최신기술인것 마냥 소개가 되었는데 SSR은 오래전 jsp servlet할때부터 있었던 개념이죠 요즘은 SSO등 중요성이 부각되면서 다시 관심을 끄는 추세이긴한데 유행따라다니지 마시고 만들어야하는 서비스에 따라 맞춰서 개발하세요 어차피 다 해야됨 ㅋ 그리고 프론트엔드는 그냥 웹html이 아니라 사용자에게 보여지는 화면, 모바일 앱, 디바이스 UI를 모두 포괄하는 개념입니다 우리나라는 디자인, 퍼블이란 개념을 만들면서까지 분업하는 문화가 있어서 프론트가 죽을 일은 없습니다
3:26 에 'use client' 쓰면 CSR이라고 표현했지만, 사실 기존 pages 디렉토리로 만들던 hydration SSR 방식의 컴포넌트 렌더링입니다. Server Component(신규) Client Component(pages디렉토리의 SSR) 이 되는거죠 처음엔 저도 저렇게 알고있었는데 실제로 해보니 SSR로 동작되서 당황했네요.
SSR은 호랑이 담배피던시절부터 있던거고, 단지 SPA, CSR 언어들(Vue, React 등)이 서버사이드까지 확장해나가니, 요즘 새로 개발되고 공개되는 신규 언어들은 기본적으로 서버사이드를 탑재하는게 거의 디폴트가 되가고 있죠. 이전에 서버사이드라고하면 보통 자바나, Node 등을 사용했겠지만 Nuxt, Next같은 풀스택 서버 프레임워크들이 나오면서 React나 Vue하나만으로 CSR, SSR, SSG등을 모두 커버가 가능해지다보니 CSR만 하던 프론트쟁이분들도 SSR도 배워야할 필요성이 늘어나는거죠, 시장의 수요도 자바 백엔드가 아닌 이러한 수요도 늘고있고, 프론트는 하나만 가지고 밥벌어먹고살기에는 트랜드가 빠르죠. 그래도 겁먹으실필요 없습니다. 프론트영역은 항상 그래왔으니까요. 어차피 수요가 있는 것만 씁니다. 적어도 한국에서는요
풀스택이 기본이 될 거라는건 정말 조금만 웹개발에 관심 있었다면 거진 10년 전 부터 명확했던거죠. 오히려 클라이언트 사이드 렌더링이 이렇게 오래 유행한게 의외입니다. 프론트로 개발 커리어를 시작해서 얼마전 까지 백앤드를 주로 봤는데요 개인적인 의견으론 한 5년만 더 지나면 이제 프레임워크랑 GPT랑 합쳐저서 웹페이지 만드는건 반자동으로 이루어지지 않을까 싶습니다. 이미 Copilot 사용하면 탭 탭 탭 치면서 거의 AI 자동 완성만으로 웹페이지 만드는 수준이니까요.
수상할정도로 밈을 잘 활용하는 개발자
짤을 정말 잘떡같이 항상 잘가져오셔..
nextjs 강의 너무기다렸어요ㅠㅠㅠ
ㅋㅋㅋㅋㅋㅋㅋ 애플님 폭도셨군요 여기서 르르땅을 보게 될줄이야..
강의 넘 재밌게 보고있어요 킹아!
기다렸어용❤
정말 이 영상 덕분에 너무 행복합니다❤
계속 공부해야 하는 직종인게 잘 느껴짐
홀리듯이 결제하고 보고있어용ㅋㅋ
코딩애플님의 버전으로 next js 강의 듣고 싶었는데, 딱 올라왔네요.
바로 강의 결제했습니다.
좋은 강의 올려주셔서 감사합니다.
2:25 수상할 정도로 르르땅에 진심인..
육수 검거 완료.
이파리 검거
zzzz
주스단 검거 완료.
현기증 난다..빨리 다음강의 올라오길
핵심요약은 코딩애플 설명이 항상 최고입니다
기대되구요
검색이 30분 ㅎㅎ 매번 설명이 현장감 있어서 잘보고 있어요
오 드디어!!
드디어 넥스트 기초 강의..!!
와 정말 좋은 정보 감사합니다
저는 다른거 배워야하니 그냥 deno랑 express 쓰겠습니다
말투가 너무 찰짐 마성의 매력
딱필요한 순간 올라왔다!
회사에서 넥스트js로 처음 배웠는데 도움이 많이될거같아요.. 근데 지금이라도 리액트를 공부해야할거같은데
nextjs가 데이터 절약을 위해 자동으로 압축되서 sse나 웹소켓 사용이 힘들긴 하더라구요
해결법 찾아보면 보통 사용자 node js를 따로 제작해서 소켓전용으로 하라던데
사실 데이터 전송이나 소켓 연결할때 헤더에 압축안함 옵션 박아주면 되긴합니다...
그 외에도 기존 장고나 스프링에 비해 부족한점이 많지만
만족도는 아직 높습니다. 간결하고 다루기 쉬우니깐요 굿굿
파이썬이랑 js가 메인언어가 되어버렸다니깐요 ㅎㅎ
리엑트 건너뛰고 바로 next.js 공부중인데 확실히 배우기 괜찮은거 같아요.
와 형 사랑해 ❤❤❤
허허 복습용으로 따라해보겠습니다 ㄱ
정보시간에 c언어 깔짝한게 전부입니다. 하나도 못 알아 들었지만 편집이 재밌네요
와.. 수강신청 하고싶다..
르르땅 평생 함께야...??? 도대체 무슨 내용인지 하나도 모르겠네요 킹아
퇴사하고 Next.js+typescript+MUI로 토이프로젝트 해보려고 준비중이었는데 잘 선택한거 같네요
좋은 형님이구나
너무 좋음
와 소개해주는 컨텐츠인줄 알았는데 강의영상이였누
감사합니다..
사실 오래전부터 당신같은 강의를 기다려왔다우!
형 사랑해요
학교에서 엄랭 배우는 동아리를 만들었는데 코딩애플님처럼 시원시원하게 강의해주고 싶네요
존경스럽습니다
식...
사람이냐..
엄랭이 미래다
@@jinroman 요즘 대학 들어갈때도 엄랭 실력 고려하더라구요
요즘 컴공계열 학종 트렌드임 ㅇㅇ
마무리 깔끔
Next쓰기전과 후는 다르죠..
하 변화도빠른 next색깅
모야모야 형.... 강의를 했구나..
이거 나오기만 기다림 ㅋㅋ
배움에는 끝이 없구나.. 디자인 하다가 이걸론 먹고 살기 힘들거 같아서 프론트 넘어가려고 강의듣는데
이제 10%끝낸거 같은데 또 할게 추가되었엉...
그럴때는 기본을 공부해야합니다..! html하고 JS의 기본 원리를 알고 하나의 프레임워크를 마스터한다면, 비슷한 어떤 프래임워크를 쓰든 쉽게 적응할 수 있을거에요.
자 백엔드도 드가자
공기업 가즈아
리액트만 하세요 ㅎㅎ;
개발엔 끝이란게 존재 하지 않습니다. 이것도 그냥 개발의 일부분이고 정답이 아님.
드디어나왔다
서버사이드렌더링 배워볼까 생각했는데 이게 딱 나왔네
후 드디어 다시 숨쉴 수 있겠군요 숨참느라 뒤질뻔ㄷㄷ
리액트에서 다양한 api 활용하는 강의 만들어주세요 코딩애플님 리액트 강의만큼 이해하기 좋은 강의가 없어요..ㅠ!!!!!!
보통 변화가 잦은 데이터같은거 html이랑 json이 분리되서 오는 경우가 잦아서, 특정 사이트 정보 크롤링할 때 json쪽 링크 찾아서 자유접근가능하면 그거 썼는데, 최근 학식 메뉴 가봤는데 그냥 처음부터 다 때려박혀져 있더라고요. 그래서 와 처음부터 페이지를 다 만들어서 보내버리네 이러기도 하는구나.. 하고 있는 찰나에 서버사이드 렌더링이 주가 된다는 영상을 봐서 기분이 좋네요.
넥스트제이에스를 배우고 나의 성공시대 시작됐다
넥스트제이에스를 배우고 나를 찾는 회사 많아졌다.
넥스트제이에스를 배우고 내 인생이 달라졌다.
볼때마다 느끼는데 이분 말하는거 넘 좋네 ㅋㅋㅋ
최종 목표가 풀스텍이긴한데.. 캬 그게 앞당겨비겠네
SSR이 최신기술인것 마냥 소개가 되었는데 SSR은 오래전 jsp servlet할때부터 있었던 개념이죠 요즘은 SSO등 중요성이 부각되면서 다시 관심을 끄는 추세이긴한데
유행따라다니지 마시고 만들어야하는 서비스에 따라 맞춰서 개발하세요
어차피 다 해야됨 ㅋ
그리고 프론트엔드는 그냥 웹html이 아니라 사용자에게 보여지는 화면, 모바일 앱, 디바이스 UI를 모두 포괄하는 개념입니다
우리나라는 디자인, 퍼블이란 개념을 만들면서까지 분업하는 문화가 있어서
프론트가 죽을 일은 없습니다
SI구르던 중고신입 이걸로 위안 얻고 갑미다...
이걸 나누던 사람이 html 코더 소리 듣기 싫어서 만들었다죠 없어져야함
우리 시니어가 맨날 하는말
옛날엔 원래 다 ssr 이였어…
db, rest api 까지도 프론트엔드가 할줄알아야지 그것도 못하면서 개발자라하면 걍 쪽팔린거일듯
버거넴 평생 함께야....
찬넴도.. ㅋㅋㅋ
끝까지 본 머릿속에는 르르땅밖에 남지 않았다... 온 세상이 르르땅이야
르르땅 사랑해
코애 폼미쳤다
Next.js 정말 쉽고 빠르게 생산이 가능해서 좋았는데 서비스 배포 이후에 기능이 조금씩 추가되고 프로젝트가 커지니까 어디에 뭐가 있었는지 기억도 잘 안나고 찾기 힘들고 오히려 유지보수가 점점 난잡해 지는게 단점이더군요 ㅠㅠ
이 형꺼는 댓글 먼저 다는게 맛있음
결국은 풀스택의 시대가 오겠네요
쥬르르가 이 영상을 좋아합니다.
이 형은 참 귀여워
드디어!!
진짜 귀찮아서 끝까지 안했는데 입에 떠먹여 주니까 이번만 해주겠슴.....;;;...;.
스벨트 킷 짱짱
진짜 요약 맛있다 이게 주폭도 평균 수준?
형아❤
프론트엔드 공부하려규 합니다. 리액트 -> 넥스트 루트 타는것과 바로 넥스트 배우는 것중 어떤것이 더 나을까요? 나중에는 스프링도 공부해볼 생각 입니다
대학와서 강의중인 교수님같다 신임교수님말고 얘들이 클릭만해도 학점주는 애들이 유인원인걸 알고계신 교수님
2:18 르르땅 평생 함께야
르르땅 ㅋㅋㅋㅋㅋ 내눈을 의심했네 이세돌 침투력 무엇
ㄹㅇ
넥스트 제이에스 강의 도 올려주삼 애플둥이~~
르르땅 평생 함께야.........................
맛있다😂
오 next auth 도 강의하시나요? 이거 커스텀 해서 쓰고 싶은데 살짝 골치아프네요.
쉬운데 기능도 다 되고, 성능도 좋아 안 쓸 이유가 없는 프레임워크라고 생각합니다. 특히, 원래 리액트 쓰시던 분들은 적응하기 너무 쉬우실거라 Next.js 꼭 해시는거 추천해요
3:26 에 'use client' 쓰면 CSR이라고 표현했지만, 사실 기존 pages 디렉토리로 만들던 hydration SSR 방식의 컴포넌트 렌더링입니다.
Server Component(신규) Client Component(pages디렉토리의 SSR) 이 되는거죠
처음엔 저도 저렇게 알고있었는데 실제로 해보니 SSR로 동작되서 당황했네요.
이게맞죠 실제 html은 서버에서 생성하더라고여
use client를 쓰면 csr이라니 완전 오개념 가르치네
Html자체는 전부 서버에서 렌더링하고 js번들을 서버에서 돌리냐 하이드레이션으로 브라우저에서 돌리냐 차이인 듯
뭔가 쉬운거부터 하나씩 제거되는 느낌이네. 디자인 다음 프론트 다음 백엔드 인가...
르르땅 평생 함께야..
애플코딩은 르르땅 육수이다... 메... 모...
넉3 도 사랑해주세여..❤
질문이 하나 있습니다.
타입스크립트는 배우고 들어야 할까요?
2:27 RR땅이요....? 뭐야 이파리 셨어요?? ㄷㄷ... ㅋㅋㅋㅋ 킹애 ㅋㅋㅋㅋㅋㅋ
2:42 종신계약 😂😂
그러면 제 왁타버스 프로젝트에 종신계약하시는건...
기다렸습니다..
저는선생님말 1도모르는데
잼써서다보고갑니당
킹아😂
SSR은 호랑이 담배피던시절부터 있던거고, 단지 SPA, CSR 언어들(Vue, React 등)이 서버사이드까지 확장해나가니, 요즘 새로 개발되고 공개되는 신규 언어들은 기본적으로 서버사이드를 탑재하는게 거의 디폴트가 되가고 있죠. 이전에 서버사이드라고하면 보통 자바나, Node 등을 사용했겠지만 Nuxt, Next같은 풀스택 서버 프레임워크들이 나오면서 React나 Vue하나만으로 CSR, SSR, SSG등을 모두 커버가 가능해지다보니 CSR만 하던 프론트쟁이분들도 SSR도 배워야할 필요성이 늘어나는거죠, 시장의 수요도 자바 백엔드가 아닌 이러한 수요도 늘고있고, 프론트는 하나만 가지고 밥벌어먹고살기에는 트랜드가 빠르죠. 그래도 겁먹으실필요 없습니다. 프론트영역은 항상 그래왔으니까요. 어차피 수요가 있는 것만 씁니다. 적어도 한국에서는요
안녕하세요 개발초보 라서 그런데 혹시 next 같은 서버사이드 프레임워크들이 자바나 node로 하던것들을 구체적으로 어떤걸 어떻게 대체했는지 여쭤봐도 될까요? 개념적으로 잘 이해가 되지않아서요ㅠ
선생님 항상 잘 보고 있습니다만 .. 르르땅은 제꺼라능 ..
개발자.. 앞으로 대체..
저는 타입스크립트만 쓰려는데 흑흑 강의도 타입으로 해주시면 좋겠네요
수업 목차보는데 여기서는 리덕스 안다루나요? 안다루는 이유가 있을까요?
코딩애플님도 주폭도셨네 킹-아
킹애 ㅋㅋㅋㅋ
asp, jsp얘네 너무 끔찍한데 미래의 ssr은 이거보다 쓰기 좋겠죠?
2:21 ㅋㅋㅋㅋㅋㅋ 개웃기네
맛있어요
난 여기가 쿨해서 조아
그러면 HTML+CSS>JS 까지 배운 후 리액트를 배워야 하나요 넥스트.js를 배워야 하나요?
웹플로우는 어떻게 생각하세요~? 노코드
프론트가 아니라 js 개발자가 되어야한다
혹시 nuxt강의는 하실 계획없으신가요?ㅜ
르르땅은 인정이지 ㅋㅋ
풀스택이 기본이 될 거라는건 정말 조금만 웹개발에 관심 있었다면 거진 10년 전 부터 명확했던거죠. 오히려 클라이언트 사이드 렌더링이 이렇게 오래 유행한게 의외입니다. 프론트로 개발 커리어를 시작해서 얼마전 까지 백앤드를 주로 봤는데요 개인적인 의견으론 한 5년만 더 지나면 이제 프레임워크랑 GPT랑 합쳐저서 웹페이지 만드는건 반자동으로 이루어지지 않을까 싶습니다. 이미 Copilot 사용하면 탭 탭 탭 치면서 거의 AI 자동 완성만으로 웹페이지 만드는 수준이니까요.
그러면 클라쪽 주니어는 지금 백엔드로 전직을 준비하는 게 좋을까요? 안드쪽인데...
반자동이 된 만큼, 코드량 2배 혹은 기한이 1/2되는 기적이 일어나 작업량에는 변화가 없겠지요.. ㅋㅋㅋ
르르땅 평생함꼐야.
take ma money! take ma money!