OKKY
커뮤니티
Q&A
지식
이벤트
Contact
부트캠프
Jobs
Search Bar
로그인
회원가입
ssr
전체
최신순
질문하기
답변
3
12332141
·
7개월
926
0
답변 3
서버사이드 렌더링에서 알림 서비스 구현하는 법
안녕하세요! 현재 작은 게시판 커뮤니티 서비스를 개발하고 있습니다. 화면 렌더링은 Thymeleaf + JS 기반 SSR(Server-Side Rendering) 방식으로 하고 있고, 백엔드는 Spring을 사용하고 있습니다. 알림기능을 구현하려고 여러 기술들을 살펴보니 아래 방식들이 있더군요 . Polling Long Polling SSE(Server-Sent Events) WebSocket 처음에는 사용자가 웹 사이트에 최초 접
답변
7
코드깎는머슴
·
12개월
574
0
답변 7
타임리프 점유율 질문
안녕하세용. 사내용 내부망 서비스에 사용할 라이브러리들을 골라야 하는 상황의 뉴비입니다. 제목 그대로 실무에서 타임리프 점유율이 궁금해서 찾아왔습니다. 옛날 방식의 SSR은 대부분 JSP이고, 최근에 만들어진 것들은 대부분 CSR이더라고용. 근데 SSR이 필요한 순간이 없지는 않을텐데, 최근에 타임리프를 실무에서 많이들 쓰시는 추세인지 궁금합니다. 자바 버전을 맞추다보니, 여전히 어쩔 수 없이 JSP를 쓰시거나 하지는 않나요?
답변
4
멋지다글로리
·
약 1년
647
0
답변 4
next.js SSR에 맞는 상태관리 뭐쓰시나요?
현재 사내에서 next.js를 이용하여 개발 중입니다. SEO가 중요하여 해당 언어를 채택하여 사용중이고, 최대한 "use client" 없이 사용하고 있습니다. 전역관리가 필요해 Recoil이나 ContextAPI를 보았는데 모두 클라이언트단에서 결국 "use client"을 써야하더라고요. 혹시 SSR에 맞는 전역관리 방법 아시는 분 계실까요?? 대략적으로 사용자가 선택한 탭에따라 동적으로 바뀌는 레이아웃들이 꽤 있어
답변
2
코드깎는머슴
·
약 1년
393
0
답변 2
SSR, CSR 질문 있습니다.
안녕하세용. 아까 질문드렸던 사람인데, 여기저기 찾아보니까 요즘 웹에서는 리액트랑 뷰 때문에 대부분 CSR 쓰는 거 같더라고용. 근데 또 검색엔진이 중요하다고 생각하는 곳에선 CSR, SSR ( 주로 Next.js나 Nuxt.js ) 섞어서 하이브리드 형식으로 만든다고 하는데, 그렇게 하는 곳이 실제로 많나요?
답변
2
안녕하시렵니까
·
1년 이상
567
0
답변 2
사이트를 만들건데 ssr과 csr 방식 중 어떤 방식을 사용할지 고민입니다.
간단한 링크공유 사이트를 만들려고 합니다. 대표 기능은 검색이고 검색자동완성기능을 엘라스틱서치를 사용하여 구현할 예정입니다. 처음에는 간단하기 서비스이기 때문에 thymeleaf + spring 으로 만들자고 하였는데 하지만 자동완성기능은 실시간으로 결과 데이터를 보여줘야 되기 때문에 react + spring으로 구현해야 되나 싶었습니다. 좀 더 찾아보니 ssr방식에서도 ajax으로 비동기 요청을 보내면 된다고 하네요 두 방식 모두
해결
5
억장이문어찜
·
거의 2년
606
0
해결 5
Next.js에서 toast-ui 컴포넌트를 ref로 가져올 수가 없습니다 ㅠ
문제가 발생한 코드부모 컴포넌트import React, { useRef } from "react"; import WysiwygEditor from "../wysiwygEditor"; const CreatePost = () => { const editorRef = useRef<any>(null); const printRefCurrent = () => {
해결
1
억장이문어찜
·
거의 2년
320
0
해결 1
useRef의 current값에 retry만 있습니다 ㅠ
import dynamic from "next/dynamic"; import React, { useState, useRef } from "react"; import { useForm } from "react-hook-form"; import { MainCategory } from "@/types/categorys"; import { subCategoryListMap } from "
답변
4
zhco
·
거의 2년
339
0
답변 4
SSR의 dom트리 생성 위치
안녕하세요. 브라우저 렌더링에 관해 공부를 하다 궁금한 점이 생겨 질문을 립니다! 브라우저 렌더링의 순서가 다음과 같은 것으로 알고 있습니다: HTML파싱 및 DOM생성 CSS파싱 CSSOM 생성 렌더트리 생성 레이아웃 만들기 페인팅 이 과정에서 CSR(클라이언트 사이드 렌더링)과 SSR(서버 사이드 렌더링)의 차이점이 궁금합니다.CSR의 경우, 브라우저는 HTML 뼈대와 자바스크립트 파일을 받아서 브라우저 렌더링의 첫 번째 단계부터 실행합니다. 이
답변
3
남도현
·
약 2년
599
0
답변 3
vue 공부중인데 이해 안가는 부분이 있습니다.
답변
2
greatbk
·
약 2년
412
0
답변 2
nextjs 배포 질문
안녕하세요. nextjs 독학중에 궁금한 점 여쭤보려 합니다. 서버 사이드 랜더링(SSR)으로 구현된 사이트를 빌드했을 때, nginx 같은 일반 웹서버에 배포가 가능한가요? 만일 안된다면.. 어떤 환경에 배포해야 하는지도 알려주시면 감사하겠습니다.
답변
1
Zustand
·
약 2년
760
0
답변 1
Next와 react-query의 prefetch에 대하여
안녕하세요 ! Next14 버전과 tanstack-qeury를 이용해 프로젝트를 진행하던 도중 궁금한 점이 생겨 질문드립니다. Next의 서버 컴포넌트에서 data를 prefetching 하여 사용하려면 다음과 같은 단계를 밟아야 하는 것으로 알고 있습니다. 1. 서버 컴포넌트에서 queryClient.prefetchQuery를 사용해 데이터를 불러오고 이를 dehydrate하여 HydrationBoundary 내에 state로 넘겨준다. 2. 데이터
답변
1
홈프로텍터
·
약 2년
878
0
답변 1
프론트엔드 next js 14 앱 라우터 (app router) 에서 SSR 컴포넌트 관련 질문
next js 에서의 서버사이드 렌더링 페이지에 관한 질문 입니다. 저희가 전역상태관리를 zustand로 하고 사용자가 로그인을 하면 사용자 정보를 zustand store에 저장해놓고 다른 컴포넌트에서 불러와서 사용하려고 했습니다. 그런데 zustand 자체가 서버 컴포넌트에서 사용할 수 없어서 무조건 클라이언트에서만 zustand의 상태관리 기능을 이용할 수 있다고 하는데 다른 방법이 없는 것일까요.. 저희가 동적 라우팅(dynamic rou
해결
3
JSL
·
2년 이상
1.6k
0
해결 3
Spring boot SSR에서는 JWT를 지양하는 이유?
SSR 기반으로 클라이언트를 구성하던 도중에 JWT이용해 인증/인가 처리를 하려고 했습니다. 그런데 해당 방식으로 구현한 소스를 찾아보는데 SSR에서는 JWT를 이용하는 방식보다는 세션을 이용해 처리하는 방식이 더 좋다고 하는데 왜 세션방식을 사용하는지 알 수 있을까요. JWT를 쿠키에 저장해도되는데 왜 세션 방식을 사용하는지 이해가 안됩니다. 보안 상으로 쿠키에 저장하면 안좋다라고 하는 글도 많은데 LocalStorge 방식이나 Cookie 방식이나
답변
4
hangsyong
·
2년 이상
868
0
답변 4
next.js 를 사용하면 그냥 react를 쓰는 것보다 서버 비용이 많이 증가하나요?
실제로 서비스될 사이트인데 서버 비용 차이가 혹시 심할까요?
답변
2
jhs03
·
2년 이상
376
0
답변 2
Next.js 렌더링 방식에 대해 제가 이해한게 맞나요?
"NEXT는 기본적으로 SSG 방식을 따라 정적 페이지을 제공하며 , 필요에 따라 NEXT에서 제공하는 함수를 이용해 SSR, CSR로 렌더링 가능하다. " 안녕하세요 브라우저 렌더링 방식에 대해 공부중인데 머리가 너무 복잡하네요 ㅠ 혹시 틀린부분 있거나 좀 더 보충설명해줄수 있으시면 답변 부탁드리니다!
답변
1
dev_woody
·
2년 이상
445
0
답변 1
nextjs13에서 로그인 유지
현재 Nextjs13 환경에서 app router로 사이드프로젝트를 진행중에 있습니다. 서버는 next 내부말고 외부 서버를 이용중에 있고 로그인시 jwt로 access와 refresh토큰을 발급하여 쿠키에 저장하고 있습니다. 로그인 성공시 동적으로 gnb헤더가 변하게 구현을 하고 싶습니다. 토큰이 있으면 유저정보를 요청하는 방식으로 구현했을시에 로그인후 새로고침으로 리랜더링해야지 변경이 되거나 리코일이나 전역상태관리 라이브러리를 사용해서 로그인 성공
답변
1
파이야
·
2년 이상
271
0
답변 1
NextJS에서 무료 API 사용 시 궁금한 점이 있습니다.
개발 초보이며, NextJS를 공부하고 있습니다. 다름이 아니라 무료 API 중 CSR로는 가져올 수 있지만, SSR로는 가져올 수 없는 경우가 있나요? SSR로 한 무료 API 호출을 했었고, 이 코드를 다시 활용해서 다른 무료 API를 호출했더니 데이터를 가져오지 못하고 CSR로는 가져와지는데 무료 API 중 SSR로 가져오지 못하는 경우도 있는지 궁금합니다.
해결
9
SC0111
·
2년 이상
772
0
해결 9
백엔드를 사용하는 이유가 있을까요?
프리 1년차에 이런 질문을 하잖니 되게 어이가 없으면서도 해답이 안 떠올라 질문합니다. 현재 백엔드가 있어야한다는 근거,반론은 아래에 적었습니다. 1.근거 프론트에 있으면 안되는 API 키, IP보호 1.반론 next.js,스벨트킷같은 SSR을 쓰면 굳이 필요할까? 2.근거 개발 편의성에서 서로 분리가 되니 편하지않을까? 2.반론 그치만 컴포넌트 단위로 하면 똑같은데? 3.근거 다른 언어를 사용하는 헤비한 작업에 필요하지않을까? AI라던가 3.반
답변
2
지녁쿠스
·
2년 이상
323
0
답변 2
브라우저의 렌더링 과정과 CSR,SSR 방식에 대해서 궁금한 점이 있습니다,, 살려주세요,,
안녕하세요. 신입 프론트엔드 개발자로 취직하기 위해 이론들을 공부하고 있습니다. 공부하다 브라우저의 렌더링 과정과 CSR, SSR 사이에서 정말 너무 헷갈리는 게 있는데 아시는 분은 부탁드리겠습니다..ㅜㅜ SSR이 서버사이드에서 HTML을 렌더링 한다면, DOM CSSOM Tree 구축 Render Tree구축 Layout, Paint등의 '브라우저 렌더링' 과정없이 어떻게 사용자의 화면에 시각화를 해주는 건지 너무나 궁금합니다. 만
해결
1
메로나한입만
·
2년 이상
267
0
해결 1
SSR 방식으로 개발할 때는 컨트롤러에서 엔티티를 반환해도 별 상관없나요??
API 개발을 할 때는 기능별로 필요한 정보만 dto에 담아서 반환하는 방식으로 개발을 했는데 (엔티티 스펙 & 민감한 정보 노출 방지) SSR 방식으로 개발을 할 때는 서버 내부에서 값을 담아서 페이지로 이동하는 방식이라 데이터가 노출될 일이 없으니까 써도 된다고 생각했는데 제가 생각한 게 맞나요?? (화면에 필요한 데이터가 여러 테이블에 걸쳐있는 경우나 데이터 개수가 적은 경우에는 dto에 담아서 사용하려고 합니다.)
이전
1
2
3
다음
Search Bar
