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