Q&A
커뮤니티
지식
이벤트
더보기
OKKY
Q&A
지식
커뮤니티
이벤트
부트캠프
Jobs
Contact
Search Bar
로그인
회원가입
csr
전체
기술
커리어
기타
카테고리
전체
최신순
질문하기
답변
2
안녕하시렵니까
·
1년 이상
513
0
답변 2
사이트를 만들건데 ssr과 csr 방식 중 어떤 방식을 사용할지 고민입니다.
간단한 링크공유 사이트를 만들려고 합니다. 대표 기능은 검색이고 검색자동완성기능을 엘라스틱서치를 사용하여 구현할 예정입니다. 처음에는 간단하기 서비스이기 때문에 thymeleaf + spring 으로 만들자고 하였는데 하지만 자동완성기능은 실시간으로 결과 데이터를 보여줘야 되기 때문에 react + spring으로 구현해야 되나 싶었습니다. 좀 더 찾아보니 ssr방식에서도 ajax으로 비동기 요청을 보내면 된다고 하네요 두 방식 모두
답변
3
남도현
·
거의 2년
541
0
답변 3
vue 공부중인데 이해 안가는 부분이 있습니다.
답변
2
jhs03
·
2년 이상
307
0
답변 2
Next.js 렌더링 방식에 대해 제가 이해한게 맞나요?
"NEXT는 기본적으로 SSG 방식을 따라 정적 페이지을 제공하며 , 필요에 따라 NEXT에서 제공하는 함수를 이용해 SSR, CSR로 렌더링 가능하다. " 안녕하세요 브라우저 렌더링 방식에 대해 공부중인데 머리가 너무 복잡하네요 ㅠ 혹시 틀린부분 있거나 좀 더 보충설명해줄수 있으시면 답변 부탁드리니다!
해결
1
ehhd
·
2년 이상
231
0
해결 1
CSR에서 이미지 파일을 다운로드 받는 시점이 궁금합니다.
안녕하세요 초보 프론트엔드 개발자입니다. 리액트는 CSR을 통해 SPA를 구현하고, CSR은 첫 렌더링 시에 자바스크립트 번들을 가지고 통해 모든 페이지에 대한 DOM을 그린다고 이해하고 있습니다. 그런데 이미지가 많은 페이지에 접근할 때는 렌더링 속도가 급격히 느려지더라구요. (assets에 저장된 이미지를 각 컴포넌트에서 import하여 사용하였습니다) 그렇다면 '첫 렌더링 시 모든 페이지에 대한 DOM을 그리는 작업'에 이미지가
답변
1
파이야
·
2년 이상
205
0
답변 1
NextJS에서 무료 API 사용 시 궁금한 점이 있습니다.
개발 초보이며, NextJS를 공부하고 있습니다. 다름이 아니라 무료 API 중 CSR로는 가져올 수 있지만, SSR로는 가져올 수 없는 경우가 있나요? SSR로 한 무료 API 호출을 했었고, 이 코드를 다시 활용해서 다른 무료 API를 호출했더니 데이터를 가져오지 못하고 CSR로는 가져와지는데 무료 API 중 SSR로 가져오지 못하는 경우도 있는지 궁금합니다.
답변
2
지녁쿠스
·
2년 이상
273
0
답변 2
브라우저의 렌더링 과정과 CSR,SSR 방식에 대해서 궁금한 점이 있습니다,, 살려주세요,,
안녕하세요. 신입 프론트엔드 개발자로 취직하기 위해 이론들을 공부하고 있습니다. 공부하다 브라우저의 렌더링 과정과 CSR, SSR 사이에서 정말 너무 헷갈리는 게 있는데 아시는 분은 부탁드리겠습니다..ㅜㅜ SSR이 서버사이드에서 HTML을 렌더링 한다면, DOM CSSOM Tree 구축 Render Tree구축 Layout, Paint등의 '브라우저 렌더링' 과정없이 어떻게 사용자의 화면에 시각화를 해주는 건지 너무나 궁금합니다. 만
답변
2
털먹는토끼
·
2년 이상
266
0
답변 2
next.js 특정 페이지에 컴포넌트 미출력 기능 구현 이슈(use client 사용)
로그인페이지(/user-page)에서 footer컴포넌트를 안띄우는 기능을 구현하고 싶어 footer 컴포넌트를 csr 방식으로 사용하도록 'use client' 줬습니다. 근데 error ReferenceError: window is not defined 라는 에러가 뜨면서 적용이 안되네요ㅠㅠ nextjs는 ssr이니까 window에 접근하기 위해선 'use client'를 주면 된다고 들었는데 왜 안되는걸까요??
답변
1
nuxigen
·
거의 3년
277
0
답변 1
Nuxt와 SSR / SPA,CSR 질문이 있습니다.
VUE만 사용하다 새로운 프로젝트에 NUXT를 도입하고자하는 상황이고 저는 NUXT에 대한 이해도가 굉장히 낮은 상태입니다. VUE대신 NUXT를 사용함에 있어서 장점은 SEO와 초기세팅이 수월하다는 점, 페이지 단위로 이루어지는 라우팅(router.js 가 필요없는 점) 등이 있는 걸로 알고 있습니다. 반대로 단점이라면 깜빡임 같은 사용자 경험과 서버 부하정도로 알고있는데요 NUXT에서는 깜빡임 이슈를 UNIVERSIAL MODE를 통해 해결했다고
답변
2
빵떡부장
·
거의 3년
375
0
답변 2
옛날(Legacy) 페이지에 Vue나 React를 입히던데 이유가 무엇인가요?
제목 그대로 옛날(jsp, php 혹은 spring 및 servlet 등)프로젝트에 CSR 기술인 react나 vue를 사용하는 이유를 알고싶습니다! 대표적으로 정부24의 일부페이지나 티스토리 등에서 이렇게 사용하던데 이유가 무엇인가요? 과거 프로젝트를 모던적으로 업데이트 하기 위해서 하는건가요? 아니면 페이지 전체를 컴포넌트화 시켜서 관리하기 위해서..? 어차피 JSP나 Spring은 SSR인데 그렇게 하는 이유가 무엇이고 왜 그렇게 하는지 궁금합니
답변
2
Dangerously
·
약 3년
363
0
답변 2
CSR & SSR 과 Node Express에 대해 궁금합니다.
안녕하세요. 프론트엔드 공부중 React 를 사용해서 개인 프로젝트를 구상하다가 궁금증이 생겼습니다. 우선 로그인을 해서 유저와 관리자를 따로 두어 게시판 사이트를 만들어 보려고 하는데 제가 생각하고 있는 개념이 맞는 개념인지 잘 모르겠어서 글을 올려 봅니다. 로그인 같은 경우 Express에서 API를 만들어 기능을 사용하면 될것이라고 생각하고, SSR 방식으로 제작하고 싶습니다. 이때, SSR은 서버에서 HTML파일을 생성해 Client에 전달하
해결
1
larea
·
약 3년
190
0
해결 1
CSR이라면 data fetching할 때 얼마만큼의 데이터를 가져오는게 좋을까요?
안녕하세요? 웹개발 초보입니다. Client Side Rendering을 한다고 하면 서버에서 JSON 등으로 데이터를 가져와야 하는데, 이 때 보통 얼마나 가져오는게 좋을까요? 필요할만한 데이터 전체를 데이터베이스 레코드 단위(관계형 데이터베이스라면)로 가져와서 Frontend에서 파싱해서 사용하는 방법. 한 번에 많은 데이터를 가져올수록 data fetching 횟수는 줄어드는데, 전송되는 데이터량이 많고, parsing 등에 시간이 소요됩니다.
답변
0
주봉봉
·
약 3년
229
0
답변 0
React같은 CSR 프레임워크에서 Logging을 어떻게 해야할까요?
React 프로젝트에서 Logging을 해보려 하는데, 클라이언트에서 렌더링이 되는 구조이다보니 어떻게 에러 로그를 남겨야 할지 막막합니다. 찾아보니 Sentry를 다들 사용하는 것 같아서 따라가볼까 했는데 회사에서는 로그파일이 로컬에 남는 시스템을 원하네요... Build한 파일을 Express에 올려서 뿌려주는 것은 성공했는데 이런 구조도 모든 요청이 304 코드를 타서 에러 로그를 남기는데 어려움이 있네요. 선배님들은 react에서 로그 관리를
해결
5
내가만든쿠키
·
약 3년
903
0
해결 5
SSR, CSR 개념에 대한 질문입니다
안녕하세요. 웹 공부를 하기 시작한 학생입니다. 영상 같은 걸로 스프링을 배우기 시작했는데, jsp나 thymeleaf 같은 템플릿 엔진을 쓰는 방식으로 배우고 있습니다. (이러한 방식을 서버 사이드 렌더링(SSR) 이라고 하나요?) 아무튼 MVC 모델로 서버에서 페이지를 직접 만들어서 클라이언트에 보내주는 방식으로 배웠는데, 이번에 서버를 REST API 방식으로 만드는 프로젝트를 하게 되었습니다. (이렇게 서버에서 데이터만 보내주고, 클라이언트에서
답변
2
ㄶㄷㄱㄱㄷㅎㄷ
·
약 3년
219
0
답변 2
123213
123213
답변
2
나도개발자가될수있다
·
3년 이상
533
0
답변 2
CSR과 SSR 개념 간단정리를 해보았는데 한번 봐주실수 있을까요?
블로그 여러군데 참고하면서 제가 이해한대로 정리해본 내용입니다.혹시 잘못 개념정리한 부분이 있다면 짚어주시면 감사하겠습니다! +추가적으로 Render Tree에 대하여 궁금한점이 있는데 DOM+CSSOM에 JS까지 적용되는것을 Render Tree라고 하
답변
3
물먹이
·
3년 이상
419
0
답변 3
React 환경에서 페이지가 여러개라면 SPA가 아닌건가요?
SPA가 1개의 페이지에서 내용만 바뀌는 웹 애플리케이션이라고 알고있습니다!그렇다면 React 환경에서 프로젝트 진행 시 만약에 쇼핑몰을 만든다고 치면메인을 담당하는 Home 페이지가 있고, 장바구니를 담당하는 Cart 페이지가 있다면, 이 프로젝트는 SPA가 아닌 단지 CSR인 프로젝트인가요??SPA의 1개의 페이지가 말그대로 페이지가 한개인건지 궁금해서 여쭤봅니다!
해결
3
호잇트
·
4년 이상
705
0
해결 3
SPA와MPA , CSR과SSR
http://blog.hahus.kr/csr-ssr-spa-mpa-ede7b55c5f6f이 글을 보고 이해가 가지 않는 부분이 있습니다.이 글에서는 MPA가 CSR을 하지 못한다고 했습니다.만약 프론트엔드 서버와 백엔드 서버를 분리해서 따
답변
3
낙락도
·
4년 이상
473
0
답변 3
브라우저(클라이언트)에서 데이터 요청시 흐름 질문있씁니다.
안녕하세요.웹 공부할때 헷갈리는 부분이 있어 질문합니다.일단 전체적인 개념 자체는 이해가 됬습니다.웹을 구성할때 프론트서버, 백엔드서버 나눠서 구성한다고 할때SSR방식이라면, 클라이언트 -> 프론트서버 -> 백엔드 서버 순으로 프론트서버에서 정적파일을 다운받고,클라이언트에서 최종 html 을 전송받아
답변
2
SolidDevv
·
거의 5년
712
1
답변 2
SSR과 CSR에 대해 질문이 있습니다.
SSR과 CSR방식에 대해 2가지 궁금한 점이 있어 질문을 남깁니다:)1. SSR의 동작방식렌더링이란 `브라우저가 HTML을 이해할 수 있도록 파싱한 뒤에 UI에 그려주는 작업`이라고 알고있습니다.이 정의에 따라 브라우저에서 렌더링을 한 뒤에 사용자가 볼 수 있는 것으로 이해했습니다. 그런데 SSR은 서버에서 렌더링을 한다고해서.
해결
4
ee32321
·
거의 9년
3.0k
0
해결 4
SSL키 인증관련. private key와 CSR이 뭔가요?
https를 만들고 싶어서,https://my.gogetssl.comssh키를 여기서 만들면 된다고 해서 만들었습니다.만들고 보니, private key와 CSR 이 두개의, 암호화가 걸린 코드를 메일로 받을 수 있었습니다.그러면, 실제 사용할 때에, 이 두 코드중 어떤 것을 넣어야하나요?/p
Search Bar
