SSR이 최신기술인것 마냥 소개가 되었는데 SSR은 오래전 jsp servlet할때부터 있었던 개념이죠 요즘은 SSO등 중요성이 부각되면서 다시 관심을 끄는 추세이긴한데 유행따라다니지 마시고 만들어야하는 서비스에 따라 맞춰서 개발하세요 어차피 다 해야됨 ㅋ 그리고 프론트엔드는 그냥 웹html이 아니라 사용자에게 보여지는 화면, 모바일 앱, 디바이스 UI를 모두 포괄하는 개념입니다 우리나라는 디자인, 퍼블이란 개념을 만들면서까지 분업하는 문화가 있어서 프론트가 죽을 일은 없습니다
nextjs가 데이터 절약을 위해 자동으로 압축되서 sse나 웹소켓 사용이 힘들긴 하더라구요 해결법 찾아보면 보통 사용자 node js를 따로 제작해서 소켓전용으로 하라던데 사실 데이터 전송이나 소켓 연결할때 헤더에 압축안함 옵션 박아주면 되긴합니다... 그 외에도 기존 장고나 스프링에 비해 부족한점이 많지만 만족도는 아직 높습니다. 간결하고 다루기 쉬우니깐요 굿굿 파이썬이랑 js가 메인언어가 되어버렸다니깐요 ㅎㅎ
SSR은 호랑이 담배피던시절부터 있던거고, 단지 SPA, CSR 언어들(Vue, React 등)이 서버사이드까지 확장해나가니, 요즘 새로 개발되고 공개되는 신규 언어들은 기본적으로 서버사이드를 탑재하는게 거의 디폴트가 되가고 있죠. 이전에 서버사이드라고하면 보통 자바나, Node 등을 사용했겠지만 Nuxt, Next같은 풀스택 서버 프레임워크들이 나오면서 React나 Vue하나만으로 CSR, SSR, SSG등을 모두 커버가 가능해지다보니 CSR만 하던 프론트쟁이분들도 SSR도 배워야할 필요성이 늘어나는거죠, 시장의 수요도 자바 백엔드가 아닌 이러한 수요도 늘고있고, 프론트는 하나만 가지고 밥벌어먹고살기에는 트랜드가 빠르죠. 그래도 겁먹으실필요 없습니다. 프론트영역은 항상 그래왔으니까요. 어차피 수요가 있는 것만 씁니다. 적어도 한국에서는요
풀스택이 기본이 될 거라는건 정말 조금만 웹개발에 관심 있었다면 거진 10년 전 부터 명확했던거죠. 오히려 클라이언트 사이드 렌더링이 이렇게 오래 유행한게 의외입니다. 프론트로 개발 커리어를 시작해서 얼마전 까지 백앤드를 주로 봤는데요 개인적인 의견으론 한 5년만 더 지나면 이제 프레임워크랑 GPT랑 합쳐저서 웹페이지 만드는건 반자동으로 이루어지지 않을까 싶습니다. 이미 Copilot 사용하면 탭 탭 탭 치면서 거의 AI 자동 완성만으로 웹페이지 만드는 수준이니까요.
3:26 에 'use client' 쓰면 CSR이라고 표현했지만, 사실 기존 pages 디렉토리로 만들던 hydration SSR 방식의 컴포넌트 렌더링입니다. Server Component(신규) Client Component(pages디렉토리의 SSR) 이 되는거죠 처음엔 저도 저렇게 알고있었는데 실제로 해보니 SSR로 동작되서 당황했네요.
보통 변화가 잦은 데이터같은거 html이랑 json이 분리되서 오는 경우가 잦아서, 특정 사이트 정보 크롤링할 때 json쪽 링크 찾아서 자유접근가능하면 그거 썼는데, 최근 학식 메뉴 가봤는데 그냥 처음부터 다 때려박혀져 있더라고요. 그래서 와 처음부터 페이지를 다 만들어서 보내버리네 이러기도 하는구나.. 하고 있는 찰나에 서버사이드 렌더링이 주가 된다는 영상을 봐서 기분이 좋네요.
수상할정도로 밈을 잘 활용하는 개발자
검색이 30분 ㅎㅎ 매번 설명이 현장감 있어서 잘보고 있어요
좋은 형님이구나
웹개발 할거면 풀스택으로 해야되는구나...
넥스트제이에스를 배우고 나의 성공시대 시작됐다
넥스트제이에스를 배우고 나를 찾는 회사 많아졌다.
넥스트제이에스를 배우고 내 인생이 달라졌다.
2:25 수상할 정도로 르르땅에 진심인..
육수 검거 완료.
이파리 검거
zzzz
주스단 검거 완료.
계속 공부해야 하는 직종인게 잘 느껴짐
SSR이 최신기술인것 마냥 소개가 되었는데 SSR은 오래전 jsp servlet할때부터 있었던 개념이죠 요즘은 SSO등 중요성이 부각되면서 다시 관심을 끄는 추세이긴한데
유행따라다니지 마시고 만들어야하는 서비스에 따라 맞춰서 개발하세요
어차피 다 해야됨 ㅋ
그리고 프론트엔드는 그냥 웹html이 아니라 사용자에게 보여지는 화면, 모바일 앱, 디바이스 UI를 모두 포괄하는 개념입니다
우리나라는 디자인, 퍼블이란 개념을 만들면서까지 분업하는 문화가 있어서
프론트가 죽을 일은 없습니다
SI구르던 중고신입 이걸로 위안 얻고 갑미다...
이걸 나누던 사람이 html 코더 소리 듣기 싫어서 만들었다죠 없어져야함
우리 시니어가 맨날 하는말
옛날엔 원래 다 ssr 이였어…
db, rest api 까지도 프론트엔드가 할줄알아야지 그것도 못하면서 개발자라하면 걍 쪽팔린거일듯
ㅋㅋㅋㅋㅋㅋㅋ 애플님 폭도셨군요 여기서 르르땅을 보게 될줄이야..
강의 넘 재밌게 보고있어요 킹아!
르르땅 평생 함께야...??? 도대체 무슨 내용인지 하나도 모르겠네요 킹아
nextjs가 데이터 절약을 위해 자동으로 압축되서 sse나 웹소켓 사용이 힘들긴 하더라구요
해결법 찾아보면 보통 사용자 node js를 따로 제작해서 소켓전용으로 하라던데
사실 데이터 전송이나 소켓 연결할때 헤더에 압축안함 옵션 박아주면 되긴합니다...
그 외에도 기존 장고나 스프링에 비해 부족한점이 많지만
만족도는 아직 높습니다. 간결하고 다루기 쉬우니깐요 굿굿
파이썬이랑 js가 메인언어가 되어버렸다니깐요 ㅎㅎ
대학와서 강의중인 교수님같다 신임교수님말고 얘들이 클릭만해도 학점주는 애들이 유인원인걸 알고계신 교수님
Next.js 정말 쉽고 빠르게 생산이 가능해서 좋았는데 서비스 배포 이후에 기능이 조금씩 추가되고 프로젝트가 커지니까 어디에 뭐가 있었는지 기억도 잘 안나고 찾기 힘들고 오히려 유지보수가 점점 난잡해 지는게 단점이더군요 ㅠㅠ
배움에는 끝이 없구나.. 디자인 하다가 이걸론 먹고 살기 힘들거 같아서 프론트 넘어가려고 강의듣는데
이제 10%끝낸거 같은데 또 할게 추가되었엉...
그럴때는 기본을 공부해야합니다..! html하고 JS의 기본 원리를 알고 하나의 프레임워크를 마스터한다면, 비슷한 어떤 프래임워크를 쓰든 쉽게 적응할 수 있을거에요.
자 백엔드도 드가자
공기업 가즈아
리액트만 하세요 ㅎㅎ;
개발엔 끝이란게 존재 하지 않습니다. 이것도 그냥 개발의 일부분이고 정답이 아님.
프론트엔드 지망하는 대학생1학년은 그냥 닥치고 리액트 우선하고 풀스택이나 NEXT.JS넘어가면 되는거죠?
그냥 학교에서 배우는 기본기부터 착실히 공부하세요
그냥 자바, 코틀린, 타입스크립트, 스프링, 오라클db 원래 하던거만 ㅈㄴ 팔거야!
프론트는 긁어오면 다 만들어지니까 안 해! 아 몰랑!
학교에서 엄랭 배우는 동아리를 만들었는데 코딩애플님처럼 시원시원하게 강의해주고 싶네요
존경스럽습니다
식...
사람이냐..
엄랭이 미래다
@@jinroman 요즘 대학 들어갈때도 엄랭 실력 고려하더라구요
요즘 컴공계열 학종 트렌드임 ㅇㅇ
애초에 php로 했으면 5분이면 쌉가능인데..
수상하다 수상해 한손에 돈을 들고 삽니다 라고 외칠거같은 여우야
알수가없는...spring 에서 ssr 은 구닥다리 취급 받아서 잘 안쓰는데 프론트는 ssr을 원하는 이건 뭘까?
Client side 서버 렌더링이라고 해야되나..?
웹서버 따로 백엔드서버 따로 나뉘어가는거죠 ~
@@Olivia-Keumza 여기서 나온 모든 단점은 pwa로 앱용으로 쓸 경우는 제외겠네요?
SSR은 호랑이 담배피던시절부터 있던거고, 단지 SPA, CSR 언어들(Vue, React 등)이 서버사이드까지 확장해나가니, 요즘 새로 개발되고 공개되는 신규 언어들은 기본적으로 서버사이드를 탑재하는게 거의 디폴트가 되가고 있죠. 이전에 서버사이드라고하면 보통 자바나, Node 등을 사용했겠지만 Nuxt, Next같은 풀스택 서버 프레임워크들이 나오면서 React나 Vue하나만으로 CSR, SSR, SSG등을 모두 커버가 가능해지다보니 CSR만 하던 프론트쟁이분들도 SSR도 배워야할 필요성이 늘어나는거죠, 시장의 수요도 자바 백엔드가 아닌 이러한 수요도 늘고있고, 프론트는 하나만 가지고 밥벌어먹고살기에는 트랜드가 빠르죠. 그래도 겁먹으실필요 없습니다. 프론트영역은 항상 그래왔으니까요. 어차피 수요가 있는 것만 씁니다. 적어도 한국에서는요
안녕하세요 개발초보 라서 그런데 혹시 next 같은 서버사이드 프레임워크들이 자바나 node로 하던것들을 구체적으로 어떤걸 어떻게 대체했는지 여쭤봐도 될까요? 개념적으로 잘 이해가 되지않아서요ㅠ
가장 빠르게 배우는 법
할줄 모르는데도 외주를 받아라.
부랴부랴 미친듯이 배우게 되고 성장하게 됨 ㄹㅇ
진짜 공감인데 어디서 외주를 받을수있는질 모르겠어요 ㅠ 크몽엔 일단 올렸는데 뉴비가 외주받으려면 어디서 받아야할까요?
@@무아-p8y 사이트 뒤져보고 회원가입하고 등록하고 글올리고 해보셈
@@Mpremium372 내 밥그릇임 ㅜㅜ
위시캣 같은 플랫폼 가보세요
이건 좀 위험하지 않나요... 그러다 진짜 못만들면 어떡해요..?
짤을 정말 잘떡같이 항상 잘가져오셔..
csr의 불편함은 진짜 csr로 플랫폼 오픈하고 유지보수 해본사람만 앎
유행은 돌고 도는건가
nextjs 강의 너무기다렸어요ㅠㅠㅠ
르르땅 평생함꼐야.
홀리듯이 결제하고 보고있어용ㅋㅋ
회사에서 넥스트js로 처음 배웠는데 도움이 많이될거같아요.. 근데 지금이라도 리액트를 공부해야할거같은데
0:17 에 나오는건 뭔가요 진짜 너무 궁금합니다
버거넴 평생 함께야....
찬넴도.. ㅋㅋㅋ
PHP가 옳았어
르르땅 평생 함께라니
누구신진 모르겠지만 모시깽이 하네요
검거
이분 영업직하면 돈 쓸어남을거 같은데 ㅋㅋㅋ 안사면 ㅈ될거같은느낌
서로 아무 관련없는 10만 유튜브채널 2개 가진사람인거면 말다했죠뭐
풀스택이 기본이 될 거라는건 정말 조금만 웹개발에 관심 있었다면 거진 10년 전 부터 명확했던거죠. 오히려 클라이언트 사이드 렌더링이 이렇게 오래 유행한게 의외입니다. 프론트로 개발 커리어를 시작해서 얼마전 까지 백앤드를 주로 봤는데요 개인적인 의견으론 한 5년만 더 지나면 이제 프레임워크랑 GPT랑 합쳐저서 웹페이지 만드는건 반자동으로 이루어지지 않을까 싶습니다. 이미 Copilot 사용하면 탭 탭 탭 치면서 거의 AI 자동 완성만으로 웹페이지 만드는 수준이니까요.
그러면 클라쪽 주니어는 지금 백엔드로 전직을 준비하는 게 좋을까요? 안드쪽인데...
반자동이 된 만큼, 코드량 2배 혹은 기한이 1/2되는 기적이 일어나 작업량에는 변화가 없겠지요.. ㅋㅋㅋ
서버사이드렌더링 배워볼까 생각했는데 이게 딱 나왔네
말투가 너무 찰짐 마성의 매력
르르땅 사랑해
클라이언트쪽 기술은 필요가 없어진 게 아니라 더 고도화 되고 있습니다. 아 안배워도 되겠네 ㅋㅋ 이러다 큰코다칩니다.
그건 경력자가 갖춰야될 소양아님?
입문 단계 강의에서 딥한걸 찾으시면.. 빡센데 ..
이거 나오기만 기다림 ㅋㅋ
디자인, 웹퍼블리싱 ⇨ 프론트엔드 ⇨ 풀스택 ⇨ DB ⇨ 기획, 마케팅 까지 해야할지도...😂
취업이 아닌 창업까지 할지도
Next js를 배우고 나의 성공 시대 시작했다 ~^^
프론트가 아니라 js 개발자가 되어야한다
코딩애플님의 버전으로 next js 강의 듣고 싶었는데, 딱 올라왔네요.
바로 강의 결제했습니다.
좋은 강의 올려주셔서 감사합니다.
3:26 에 'use client' 쓰면 CSR이라고 표현했지만, 사실 기존 pages 디렉토리로 만들던 hydration SSR 방식의 컴포넌트 렌더링입니다.
Server Component(신규) Client Component(pages디렉토리의 SSR) 이 되는거죠
처음엔 저도 저렇게 알고있었는데 실제로 해보니 SSR로 동작되서 당황했네요.
이게맞죠 실제 html은 서버에서 생성하더라고여
use client를 쓰면 csr이라니 완전 오개념 가르치네
Html자체는 전부 서버에서 렌더링하고 js번들을 서버에서 돌리냐 하이드레이션으로 브라우저에서 돌리냐 차이인 듯
코딩애플님도 주폭도셨네 킹-아
킹애 ㅋㅋㅋㅋ
르르땅 평생 함께야.........................
리액트에서 다양한 api 활용하는 강의 만들어주세요 코딩애플님 리액트 강의만큼 이해하기 좋은 강의가 없어요..ㅠ!!!!!!
2:29 주폭도 냄세.. 킁킁
저는선생님말 1도모르는데
잼써서다보고갑니당
5월 10일까지 세일 하는거죠?
우리를 무시해줘서 고마워 !!!
애플코딩은 르르땅 육수이다... 메... 모...
진짜 요약 맛있다 이게 주폭도 평균 수준?
2:30 르르땅...? 왜 거기서 나와
2:21 ㅋㅋㅋㅋㅋㅋ 개웃기네
2:18 르르땅 평생 함께야
자꾸 주폭도인거 티내는 어둠의 개발자 코딩애플
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 주폭도 검거되심
응? 서버사이드렌더링? 약간 스마트폰 배터리 별도로 충전하자는 아이디어랑 비슷한느낌인데? ....
끝까지 본 머릿속에는 르르땅밖에 남지 않았다... 온 세상이 르르땅이야
점점 가야할 길이 멀어지네
리엑트 건너뛰고 바로 next.js 공부중인데 확실히 배우기 괜찮은거 같아요.
이제어디에 장단맞춰야할지모르겠다
그냥 제이쿼리나 하고
디자인만 공부해야겠다...
진짜 귀찮아서 끝까지 안했는데 입에 떠먹여 주니까 이번만 해주겠슴.....;;;...;.
nextjs 에서 왜 웹소켓을 쓰기어렵나요?
기본라이브러리로 쓰면안되나요???
핵심요약은 코딩애플 설명이 항상 최고입니다
웹플로우는 어떻게 생각하세요~? 노코드
정보시간에 c언어 깔짝한게 전부입니다. 하나도 못 알아 들었지만 편집이 재밌네요
5년 지나도 20살인 15살 학생인데요, 나중을 생각하면 next.js 배우는게 나을까요 아니면 그냥 sveltekit 배우는게 나을까요?
@@swl4475 엄랭이나 해야겠습니다...
다해보세요 어차피 CTO급 재능 없음 다 치킨집임
요번년도에 취업했는데 나도 요리나 배워야하나
5년이면 통일도 될듯
이 형꺼는 댓글 먼저 다는게 맛있음
take ma money! take ma money!
르릇땅..
을 : 새로운거 나왔어요! 또 나왔어요?! 이게 좋음 이전거 망 ㅋ 이제는 이런거 시대!!?
갑 : 그냥 하던걸로...
볼때마다 느끼는데 이분 말하는거 넘 좋네 ㅋㅋㅋ
최종 목표가 풀스텍이긴한데.. 캬 그게 앞당겨비겠네
프론트엔드 공부하려규 합니다. 리액트 -> 넥스트 루트 타는것과 바로 넥스트 배우는 것중 어떤것이 더 나을까요? 나중에는 스프링도 공부해볼 생각 입니다
풀스택 개발 파이썬 pynecone는 어떤가요
모야모야 형.... 강의를 했구나..
근데 원래 서버사이드 렌더링이 유행하다가
웹앱 때문에 클라이언트 사이트 렌더링이 대새가 됐던거 아닌가요?
다시 서버사이드가 유행중인건가요
주르르가 누구에요?😶
흠... 영상엔 르르땅이라고 써있던데... 주르르라...
@@Mumaeng ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
검거 ㅋㅋㅋㅋ 킹애
일단 취업시장에는 react가 아직 대세니 react를 배우고, next.js는 분위기 봐서 갈아탈수 있게 좀 배워놓는게 좋을듯
asp, jsp얘네 너무 끔찍한데 미래의 ssr은 이거보다 쓰기 좋겠죠?
르르땅 3티어 구독 선물로 결제 가능한가요?🦊
그러면 HTML+CSS>JS 까지 배운 후 리액트를 배워야 하나요 넥스트.js를 배워야 하나요?
발음이 진짜 정확한가보다 CC켜놓고보니 거의 똑같음
Next쓰기전과 후는 다르죠..
하 변화도빠른 next색깅
정말 이 영상 덕분에 너무 행복합니다❤
선생님 항상 잘 보고 있습니다만 .. 르르땅은 제꺼라능 ..
뭔가 쉬운거부터 하나씩 제거되는 느낌이네. 디자인 다음 프론트 다음 백엔드 인가...
혹시 fireship 채널 아시나요?
보통 변화가 잦은 데이터같은거 html이랑 json이 분리되서 오는 경우가 잦아서, 특정 사이트 정보 크롤링할 때 json쪽 링크 찾아서 자유접근가능하면 그거 썼는데, 최근 학식 메뉴 가봤는데 그냥 처음부터 다 때려박혀져 있더라고요. 그래서 와 처음부터 페이지를 다 만들어서 보내버리네 이러기도 하는구나.. 하고 있는 찰나에 서버사이드 렌더링이 주가 된다는 영상을 봐서 기분이 좋네요.
결국은 풀스택의 시대가 오겠네요
혹시 nuxt강의는 하실 계획없으신가요?ㅜ
아놔 그래도 짬밥이 있는데... 기대치좀 높여 주십쇼 ㅋㅋㅋ
질문이 하나 있습니다.
타입스크립트는 배우고 들어야 할까요?
아니 코딩애플 주폭도였음? 해명하라!!
드디어 넥스트 기초 강의..!!
오 next auth 도 강의하시나요? 이거 커스텀 해서 쓰고 싶은데 살짝 골치아프네요.
프런트엔드개발? 웹페이지 코딩!
역시 네이버 블로그 같은 방법이 근본이지
르르땅 평생 함께야 뭐노