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