im数字钱包下载|ssg

首页
ssg

im数字钱包下载|ssg

作者： im数字钱包下载

2024-03-07 21:14:29

CSR，SSR和SSG是什么，有什么优缺点？ - 掘金

首页首页

沸点

课程

直播

活动

竞赛

商城

APP

插件搜索历史

清空

创作者中心

写文章发沸点写笔记写代码草稿箱创作灵感

会员

CSR，SSR和SSG是什么，有什么优缺点？

前端李白

2021-12-08

10,559

阅读5分钟

CSR是什么

CSR全称是 Client Side Rendering ，代表的是客户端渲染。顾名思义，就是在渲染工作在客户端（浏览器）进行，而不是在服务器端进行。举个例子，我们平时用vue，react等框架开发的项目，都是先下载html文档（不是最终的完全的html），然后下载js来执行渲染出页面结果。

以react为例，客户端渲染初始化的html一般如下

react app

可以看出当前页面除了

元素，没有其他的元素，然后通过加载 bundle.js , main.chunk.js 来执行渲染。整个渲染过程包括，生成DOM节点，注入样式，交互事件绑定，数据获取等等。

客户端渲染的优缺点

优点

前后端分离。前端专注于界面开发，后端专注于api开发，且前端有更多的选择性，可以使用vue，react框架开发，而不需要遵循后端特定的模板。

服务器压力变轻了，渲染工作在客户端进行，服务器直接返回不加工的html

用户在后续访问操作体验好，（首屏渲染慢）可以将网站做成SPA，可以增量渲染

缺点

不利于SEO，因为搜索引擎不执行JS相关操作，无法获取渲染后的最终html。

首屏渲染时间比较长，因为需要页面执行ajax获取数据来渲染页面，如果请求接口多，不利于首屏渲染

SSR是什么

SSR全称是 Server Side Rendering，代表的是服务端渲染。与客户端渲染不同的是，SSR输出的是一个渲染完成的html，整个渲染过程是在服务器端进行的。例如传统的JSP，PHP都是服务端渲染

服务端渲染的优缺点

优点

有利于SEO，由于页面在服务器生成，搜索引擎直接抓取到最终页面结果。

有利于首屏渲染，html所需要的数据都在服务器处理好，直接生成html，首屏渲染时间变短。

缺点

占用服务器资源，渲染工作都在服务端渲染

用户体验不好，每次跳转到新页面都需要在重新服务端渲染整个页面，不能只渲染可变区域

SSG是什么

SSG全称是 Static Site Generation ，代表的是静态站点生成。在构建的时候直接把结果页面输出html到磁盘，每次访问直接把html返回给客户端，相当于一个静态资源

静态站点生成的优缺点

优点

减轻服务器压力，可以把生成的静态资源（html）放到CDN上，合理利用缓存

有利于SEO，由于html已经提前生成好，不需要服务端和客户端去渲染

缺点

只适用于静态数据，对于经常改动的数据，需要每次重新生成页面。

用户体验不好，每次打开新页面都需要重新渲染整个页面，不能只渲染可变区域

除了 CSR，SSR，SSG之外，还有其他渲染解决方案，这里简单介绍一下，分别是

ISR：Incremental Site Rendering，增量式的网站渲染

关键性的页面（如网站首页、热点数据等）预渲染为静态页面，缓存至 CDN，保证最佳的访问性能；

非关键性的页面（如流量很少的老旧内容）先响应 fallback 内容，然后浏览器渲染（CSR）为实际数据；同时对页面进行异步预渲染，之后缓存至 CDN，提升后续用户访问的性能。

页面的更新遵循 stale-while-revalidate 的逻辑，即始终返回 CDN 的缓存数据（无论是否过期）；如果数据已经过期，那么触发异步的预渲染，异步更新 CDN 的缓存。

nextjs 提供的 ISR 解决方案

一个 next.js 的reactions-demo

ISR的缺点

对于没有预渲染的页面，用户首次访问将会看到一个 fallback 页面，此时服务端才开始渲染页面，直到渲染完毕。这就导致用户体验上的不一致。

对于已经被预渲染的页面，用户直接从 CDN 加载，但这些页面可能是已经过期的，甚至过期很久的，只有在用户刷新一次，第二次访问之后，才能看到新的数据。对于电商这样的场景而言，是不可接受的（比如商品已经卖完了，但用户看到的过期数据上显示还有）。

DPR：Distributed Persistent Rendering，分布式的持续渲染

DPR的运行模式如下

去除了 fallback 行为，而是直接用 On-demand Builder（按需构建器）来响应未经过预渲染的页面，然后将结果缓存至 CDN；

数据页面过期时，不再响应过期的缓存页面，而是 CDN 回源到 Builder 上，渲染出最新的数据；

每次发布新版本时，自动清除 CDN 的缓存数据。

DPR的缺点

新页面的访问可能会触发 On-demand Builder 同步渲染，导致当次请求的响应时间比较长；

比较难防御 DoS 攻击，因为攻击者可能会大量访问新页面，导致 Builder 被大量并行地运行，这里需要平台方实现 Builder 的归一化和串行运行。

原创声明

本文为原创，未经授权，禁止任何媒体或个人自媒体转载

商业侵权必究，如需授权请联系 340443366@qq.com

原文链接：www.kelen.cc

前端李白

前端开发 @司公商电境跨某州广

文章

31k

阅读

805

粉丝目录收起

CSR是什么

客户端渲染的优缺点

SSR是什么

服务端渲染的优缺点

SSG是什么

静态站点生成的优缺点

ISR：Incremental Site Rendering，增量式的网站渲染

ISR的缺点

DPR：Distributed Persistent Rendering，分布式的持续渲染

DPR的缺点

原创声明

SSG和SSR有什么区别? - 知乎

SSG和SSR有什么区别? - 知乎首页知乎知学堂发现等你来答切换模式登录/注册前端开发Vue.jsSSG和SSR有什么区别?想自己实现个论坛网站,看了几篇文章还是不太明白,如果想实现注册登录、读写数据库的功能的话是不是不能用SSG只能用SSR？显示全部关注者9被浏览63,290关注问题写回答邀请回答好问题添加评论分享4 个回答默认排序南宁IT派互联网交流社群，你的职场朋友圈关注首先你要了解SSG和SSR是什么，服务端渲染 SSR 与静态网站渲染 SSGSSR(Server Side Render) 是指服务端渲染，当客户端向服务器发出请求，然后运行时动态生成 html 内容并返回给客户端。SSG(Static Site Generation) 是静态站点生成，解析是在构建时执行的，当发出请求时，html 将静态存储，直接发送回客户端。通常来说，静态站点在运行时会更快，因为不需要服务端做处理，但缺点是对数据的任何更改都需要在服务端进行完全重建；而服务端渲染则会动态处理数据，不需要进行完全重建。这两种方式对SEO会更好，至于你要实现论坛功能，跟这两个有什么关系？可以说几乎不搭边。Angular 在SSR服务端渲染都提供了完整的解决方案，当你有多个项目的时候，有些项目需要SSR有些是CSR，那可以通过环境变量的方式来提供：// All regular routes use the Universal engine

server.get('*', (req, res) => {

if (!environment.ssr) {

res.sendFile(join(distFolder, 'index.html'));

return;

}

res.render(indexHtml, {

req,

providers: [{ provide: APP_BASE_HREF, useValue: req.baseUrl }],

});

可以查看这个开源的完整的库：https://github.com/biaogebusy/xinshi-ui/blob/master/server.ts编辑于 2023-07-13 14:37赞同 62 条评论分享收藏喜欢收起嘿嘿不务正业关注本文以 React、Vue 为例，介绍下主流的渲染模式以及在主流框架中如何实现上述的渲染模式。前置知识介绍看渲染模式之前我们先看下几个主流框架所提供的相关能力，了解的可跳到下个章节。挂载组件到 DOM 节点这是主流框架最基本的能力，就是将组件渲染到指定的 DOM 节点上。在 React 中所使用的 API 是 render，在 Vue 中所使用的是 createApp 后的 mount。水合水合用来将组件渲染到已有的静态内容上，用于为静态页面恢复其交互和动态能力。在 React 中所使用的 API 是 hydrate（React 18 前的版本）和 createHydrate（React 18），在 Vue 中所使用的是 createSSRApp 后的 mount。Vue 中的 API 语义稍显奇怪，因为使用 createSSRApp 的场景并不一定是 SSR。输出渲染内容主流框架除了可以将组件渲染到 DOM 节点上以外，还能将其要渲染的内容直接输出为如 HTML 字符串等形式。输出为字符串的 API 在 React 和 Vue 中所使用的 API 都叫做 renderToString。React 中还推出了很多其它的 API：如 renderToStaticMarkup、 renderToStaticNodeStream 等等。功能基本一致，不影响本文的内容所以此处不细说了。下面的例子中仅以 renderToString 为例。主流渲染模式知道了主流框架的这几种能力，我们再来通过标题提到的几种主流渲染模式看下他们能用来组合出什么样的效果，CSR - Client Side Rendering - 客户端渲染CSR 就是我们常见的 SPA 所使用的渲染方式，所有的主流框架都支持，或者说：只要是在客户端渲染过程中使用到了脚本都可以算作客户端渲染。CSR 主要流程为：浏览器加载页面加载对应的脚本脚本执行时向页面中渲染内容，此步骤一般包含两种方式：向一个空节点中渲染内容，一般应用于纯粹的 CSR 应用。这里使用的就是上面提到的挂载组件的功能。向一个已有内容的节点中渲染内容，通常应用于 CSR 与其它渲染模式（SSR、SSG、ISR）结合的场景下CSR 的使用场景定义也很简单，如果在客户端页面有动态需求或需要交互则必须使用。SSR - Server Side Rendering - 服务端渲染SSR 是另一个比较常见的渲染模式，使用这种渲染模式可以从服务端直接返回要渲染的静态内容。其常见流程为：浏览器发起 HTTP 请求对应的页面服务端接收到请求后准备渲染页面所需要的数据将所需要的数据传入需要渲染的页面组件中然后通过 renderToString 输出为静态内容拼接页面模版、水合脚本等将生成的静态内容返回到浏览器，浏览器进行渲染浏览器渲染内容，执行水合脚本恢复页面交互和动态能力纯粹的 SSR 指代的接收到请求、输出静态内容、返回浏览器的模式。水合的相关部分是属于 CSR 的内容。要注意水合并不是必须的，可以按需选择。比如如果你的需求是要对不同的用户展示不同的页面，然而页面上并没有任何可以交互或动态的内容，那完全可以忽略水合的部分。SSR 一般应用于以下场景：出于首页打开速度、用户体验、SEO 等目的需要让用户更快的看到页面首屏内容想要预先渲染的页面内容中存在动态的内容SSG - Static Site Generation - 静态站点生成SSG 现在也比较常见，它所指代的是在构建阶段就将页面所需要的数据准备好然后将需要的页面通过脚本构建为静态内容的模式。其常见流程为：picture 8在构建阶段构建脚本遍历所有需要静态构建的页面获取渲染所需要的数据并通过 renderToString 输出为静态内容将静态内容拼接页面模版和水合脚本等内容后保存到文件中浏览器发起请求时从服务端返回静态页面（一般直接使用静态文件服务器即可）浏览器渲染内容，执行水合脚本恢复页面交互和动态能力纯粹的 SSG 指代的同样是不包含 CSR 部分的内容，即构建阶段生成静态页面并在请求时直接将静态页面返回的过程。水合过程同样不是必须的，视需求决定即可。SSG 一般应用于以下场景：出于首页打开速度、用户体验、SEO 等目的需要让用户更快的看到页面首屏内容页面中基本都是静态内容，变动很少或变动的时机比较固定所以常用于通过 CMS 生成内容、博客站点等静态内容较多的场景。ISR - Incremental Static Regeneration - 增量静态再生ISR 目前使用的不多，它算是 SSG 的一种增强版，指的是在 SSG 的基础上，服务端在收到页面请求时会对页面的时效性进行判断，如果认定失效则会对该页面进行增量构建的一种模式。其常见的流程如下：可以看出 ISR 在构建和客户端环节没有任何的变化，而是增加了 Server 端的逻辑：在服务端收到对应页面请求时服务端会先返回当前内容然后对页面做失效验证如果页面实现，服务端会对失效的页面进行后台增量构建当下次请求到达时如果新的页面已经生成成功则会返回新页面的内容，但在此之前还会继续使用旧页面的内容当然上述的逻辑并不绝对，先增量构建再返回也同样是 ISR，只是一般这样会影响到用户体验一般不推荐。ISR 适用的场景是：网站匹配 SSG 场景但对页面有一定的实时性要求比如说天气预报页面，可能半小时更新一次即可，或者是新闻页面，在存在新数据时再进行增量构建也是一种解决方案。如何选择在选择渲染模式时我们通过以下逻辑进行简单的判断：客户端页面是否需要动态或交互能力，如果要则 CSR 为必选如果页面有 SEO、首屏、性能等需求如果页面中想要静态展示的内容对每次访问都可能存在差异——比如每个用户看到的页面信息不同，则可以选择 SSR如果页面中静态展示的内容对每次访问没有差异性即可选择 SSG 如果页面中的静态内容变动较为频繁，则可选择 ISR 其次还要注意 SSR 和 ISR 都需要服务端的支持，所以如果只有静态文件服务器那需要的改动就比较大了。最后渲染模式其实远不止以上几种，很多场景下都可以进行相应的优化。以下是一些我能想到的场景：在录入或更新数据时通过 WebHook 等通知构建系统进行增量构建，算是 ISR 的一种变种在 SSR 场景下可以对静态组件和动态组件进行区分，将静态组件使用 SSG 输出，然后将其拼接到页面中。所以没有最好的只有最适合的，按需选择最适合自己需求的渲染模式即可。如果想要看 SSR、SSG、ISR 的具体实现请看我之前的文章。发布于 2023-07-01 22:33赞同 8添加评论分享收藏喜欢收起

重构于 Vite：我如何做 SSG、静态资源发布以及自动化部署 - 知乎

重构于 Vite：我如何做 SSG、静态资源发布以及自动化部署 - 知乎首发于小何成长切换模式写文章登录/注册重构于 Vite：我如何做 SSG、静态资源发布以及自动化部署何小玍作者：BASS https://chengpeiquan.com/article/rewrite-in-vite.html本文写于年初，文中提到的一些当时还不支持 Vue3 的包，现在可能已经支持了。原文出自公众号：从 2021 年元旦 Vite 发布 2.0 Beta 版就一直在关注 Vite 的动态，借着春节放假有时间，而且 Vue 3.0 和 Vite 2.0 都才大版本更新上线不久，预感后面会火，先开荒尝试一波，也当给以后工作上的业务先提前踩踩坑，对博客做了第三次重构，这一次把客户端和服务端都重新写了，由 PHP 的 LNMP 全家桶全部换成了前端侧的技术栈。在经历了春节假期每天大概花 2 ~ 3 小时的投入，终于如期上线，第一个版本是发布于 2 月 14 日情人节，算是给自己的情人节礼物，当时是先部署在我闲置的香港服务器做了一波测试服调试，期间做了一些体验上的优化，然后 2 月 18 日在休假的最后一天，部署到我正式服务器上了。而且特别巧的是，这一天也是 Vite 2.0 正式版发布的日子：Vite 2.0 发布了 - 尤雨溪，同一天上线，就感觉特别美好，值得纪念。LightHouse 的打分运作流程本次重构后，从开发到部署更新的运作流程图如下，日常只需要维护 GitHub 仓库的代码，其他的都是自动化完成。博客运作流程重构的价值这次重构，并非是因为放假有空就找点事情做，而是带着几个目的来的：提前开荒 Vite 2.0 ，为公司后续的业务提前踩坑，可以为团队进行技术选型提供帮助，因为之前我在做 JSSDK、Vue Plugin 的时候，已经开始脱离 Webpack，用 Rollup 作为构建工具，而 Vite 正是基于 Rollup ，不仅构建速度非常快，而且也像 Webpack 一样提供了热更新，对于一线开发来说，体验上是非常好的，而且它还是 Vue 团队大力推广的新工具，这让我很有兴趣去研究它。了解一下当前的一些新生的前端工具，比如 UI 框架方面之前一直停留在适合 B 端产品的 Ant-Design、 Vuetify 、饿了么等等，说实话我做 B 端产品的时候才会用，面向 C 端因为有设计稿，我基本上都是手写样式，听闻新一代的 UI 框架 Tailwind CSS 已经有一段时间了，虽然很奇怪为什么还会回到十年前一样用原子类的 class，“开倒车” 竟然还有 3 万多的 Star，让我非常的好奇到底为什么，结果一用，真香！没错，这次博客的样式，就是用的 Tailwind 。还有像 CSS 预处理器之前也一直停留在 Sass / Less / Stylus 三驾马车，这一次我抛弃了他们，用上了 PostCSS Language + CSS Variable，也是真香！借此机会多了解一下生产环境的服务端开发，公司业务几乎没有机会让自己实操服务端，所以大部分情况下都是在跑本机的 Server，很多场景是开发环境下遇不到的，要想进步，还是要多在生产环境磨练。接触更多优秀的开源作品，比如代码语法高亮之前一直只知道 highlight.js （因为 WordPress 的高亮插件就是用这个……），这一次我是用了 prism ，更小巧，颗粒度更细，虽然目前还没有太多时间去定制代码高亮的配色，不过后面有时间想要处理，prism 会更加方便。享受从 0 到 1 搭建脚手架的一个过程，目前这个版本算是实现一个简易版的 VuePress ，但是如果一直使用开箱即用的 VuePress ，很多时候并没有想去了解那些功能是怎么实现的，或者用哪些工具可以实现想要的功能（Btw: 我自从用了 Vue-CLI 之后就很久没自己配置 Webpack 了，直到 Rollup 的时候才算重新玩转了一次，这一次的 Vite 又是新的体验）更多的更多，尽在未来，这肯定不是最后的一个版本，还有非常大的优化空间。重构前的目标其实去年就有想法要对博客做一波改版，但有几个原因导致一拖再拖，一个是因为业务比较忙（这个没办法，工作为重），一个是懒（主要是懒得去思考怎么设计，当然期间有在考虑一些不同的落地方案），还有一个主要的原因是当时 Vue 3.0 刚发布，我当时主要的精力放在踩坑体验 3.0，那段时间，大部分的时间和精力都放在撰写 Vue3.0 学习教程与实战案例上面去了，休息时间有限，能够闲下来的时间也只有下班回来和周末，除掉一些自己的事情外，留下来捣鼓新东西的时间并不算很多，只能先押后了。相比 2018 年那次改版，当时只是单纯想重新弄一个干净的博客写东西，这一次的目标是比较明确了，就是从基于 PHP 的 WordPress，用前端的技术栈全部重构一遍，做一个纯前端的博客出来，当然还要保留 SEO ，就要求还要上 SSR（Server Side Render）或者 SSG（Server Side Generation）。技术栈的选择由于开工前已经是 2021 年了，因为有前面几个月玩 Vue 3.0 的基础打底，非常想用 3.0 来重构博客，加上元旦期间 Vite 2.0 Beta 版刚好发布（就很突然），注意力完全放在了 Vue3 和 Vite2 上面，非常想跑一下两者结合有多爽。由于重构的最终目标还是要保持网站的 SEO 能力，所以肯定不能使用默认的 SPA 应用模式，要走服务端渲染，所以技术栈方面只需要考虑两条线：基于 SSR虽然在此之前考虑过几个方案，最开始是优先考虑做 SSR ，考虑过 Nuxt 、Vapper 等一些比较流行的开箱即用的 SSR 框架，但这些框架目前都还在弄 Vue 2.0，甚至部分框架看起来有点 “弃坑” 的趋势（背靠字节大厂的 Vapper 居然一年多没更新了 emm…… ）。加上搞 SSR 的话，服务器成本比较高，我的低配 ECS 可能 Hold 不住，好好玩一玩的话还要投点钱，想了想先算了，那么退而求次就是上 SSG 。基于 SSG玩转 SSG 也是有考虑过一些开箱即用的 SSG 框架，比如用的人最多的 Hexo，但我本身一直对 Hexo 不太感兴趣，而且似乎满大街随便找一个独立博客都是基于 Hexo 的，模板也千篇一律，缺乏个人特色。好友小毅 @chawyehsu 安利的 Saber，跑了个 demo 玩了一下，觉得真的蛮不错的，原本打算就直接用 Saber 的，不过目前 Saber 还是以 Vue 2.0 为主（听说下个版本会支持 3.0 ，不过也不知道什么时候会发布），由于内心实在是非常想用 Vue3 ，所以这个方案最终作为备选。好吧，对 3.0 的执念，还让我想起两个 Vue 官方的作品：VuePress和它的弟弟 VitePress，他们的新版本都是基于 Vue 3.0，而且已经可以用了，但一直以来我觉得它们都更适合用来写项目文档……最终敲定期间，Vite 官网在 2.0 Beta 版发布后，也新增了一 Part Server-Side Rendering | Vite 指导如何实现 Vite SSR，我觉得可行。加上有两个开源项目让我非常感兴趣，一个是 vite-ssr，一个是 vite-ssg，我也分别对他们跑了 demo ，很给力，So，最后决定基于这两个开源项目之一，选择自己搭脚手架……最终用到的核心技术是：Vite 2.0 —— 超快的构建工具Vue 3.0 —— 更强大更灵活的 VueSSG —— 服务端渲染方案，利于 SEO 进行内容收录PWA —— 构建离线应用当然还要考虑的事情很多，每个环节还要用到不同的技术栈，具体我在下面逐个环节说明。重构过程分析下面来说说决定重构之后，整个思考的过程顺序，以及对每一个技术模块的技术栈选型原因分析吧，希望对有计划重构项目的朋友带来一些帮助。构建工具其实 Vue-CLI 对 Vue 3.0 的支持已经非常好了，我的 Vue 3.0 教程也是基于 Vue-CLI 写的。之所以选择 Vite，一方面是它的构建速度真的比 Webpack 要快好多，另一方面是，自从 Vue 3.0 推出以来， Vue 官方团队就一直在投入精力优化和宣传 Vite，尽管 1.0 版本的功能和生态不如人意，但超快的构建速度已经体现了出来。加上在我准备动手重构的时候官方刚好发布了 2.0 大更新，对比了 1.0 简直是质的飞跃，让我非常感兴趣，而且按照目前官方团队的态度，我觉得后面 Vite 会逐步代替 Vue-CLI ，提前了解，提前踩坑，对以后的工作也有帮助。而且在生态方面，Vite 2.0 的各种支持都算很完善了，不得不说整个春节期间，Vue 团队的人都在忙着给 Vite 2.0 干活，我在春节提的 Issue，基本上 2 ~ 3 小时就能给我回应，解决问题速度非常快（大过年的耶！），重构过程感觉自己拥有一个强大的技术支持团队一样!开荒虽然辛苦，但也有另一番乐趣！服务端渲染这是在选择合适的构建工具之后，应该考虑的第二件事。个人博客之前一直选择用 WordPress ，一方面除了有 LNMP 一键部署等快速搭建方案，和各种各样的模板之外，主要也是归功于 WP 对 SEO 的支持也是非常好，我这个博客的日常访问都是来自于搜索引擎。单纯选择用 Vue 3.0 重新开发 SPA 应用肯定会丢失 SEO，所以才有了前面的技术栈的选择，本次是通过 SSG 方案来落地服务端渲染。项目架构规划在开始动手之前，还要对网站架构做一波规划，盲目动手只能给自己挖坑，自己的博客虽然说内容不多，但也有一些东西要考虑：对外展示的网站结构要保持不变，也就是原来的页面地址要尽量一样，避免用户访问不到原来的内容对实在不能保持原样的 URL ，或者要废弃的页面，需要做 301 重定向降低后续更新的构建和部署成本，尽量自动化，减少人工操作数据需要无缝迁移，不能有丢失减少服务器压力，把大部分资源消耗放在开源平台上（诸如 Github、jsdelivr CDN 等等）当然其他的如移动端适配啥的也要看情况顾及，之前博客还有一个小程序版本，不过因为没人看（害，真的整整一年过去了，完全没人看小程序版本…），所以小程序的依赖保留没有在这次的重构兼容考虑范围里，重构完毕后我就直接把原来的服务停了，回头有空了再重新写一版接口给小程序用。模板开发基于 Vue 3.0 的项目，主要的模板肯定还是 Vue 文件，站点的主要结构、页面的布局、美化等等都是基于 .vue 文件，只需要按照原来的习惯，路由页面放在你的 src/views 文件夹下，组件模板放置于 src/components 下，就可以自动生成路由访问。同时也加入了 .md 文件的支持，用于书写 Markdown 格式的内容，日常记录博客会更方便，并且像 VuePress 那样，同时支持在 Markdown 里嵌套 Vue，让博客的定制更加灵活。整个项目的路由页面、组件结构，跟你平时开发 Vue 项目是完全一样的，无缝切换。src

├─components

│ ├─Footer.vue

│ └─Header.vue

└─views

│ ├─[page].vue

├─article

│ └─rewrite-in-vite.md

│ ├─about.md

└─index.vue

在这里推荐几个非常方便的 Vite 插件：vite-plugin-pages ：能够自动读取指定目录下的 Vue / Md 文件生成 Vue 路由，只需要管理好 views 文件夹的层级关系，无需再单独维护路由配置vite-plugin-md ：一个能让 Markdown 文件像 Vue 组件一样导入使用的插件，它也基于 markdown-it，支持进行一系列 md 生态扩展vite-plugin-components：可以像 VuePress 一样，无需 import，会自动根据组件的标签名去 components 目录下寻找组件基本上你只需要按照开发 Vue 项目的习惯去开发就可以了，如果有一些思路被卡住不知道怎么下手，可以参考我仓库源码。样式处理器有设计稿的时候我更喜欢借助 CSS 预处理器（目前常用 Stylus），借助他们的变量、嵌套书写，以及 Mixin 、 Extend 等功能，避免写原生 CSS 带来的烦恼。没有设计稿的时候，会用上 Ant Design 等 UI 框架来帮我减少页面设计上的一些时间浪费，但这些框架通常更适合用在 B 端产品。去年底在知乎刷到过一篇如何评价 CSS 框架 TailwindCSS？，了解到一款全新的 CSS 框架 Tailwind CSS，乍一看很像是在开历史的倒车，回归原子类 className ，评价也是褒贬不一，自己光看文档的时候也是想着这啥玩意…但是考虑到如果真的是开倒车，凭什么可以拿到 3 万的 Star，抱着试一下的心态在这次重构里面引入尝试，确实真香！目前感受到的好处就是：延续 CSS 的属性命名，你需要什么属性自己放，也就是自己必须有一定的 CSS 基础，特别是在多端适配方面，不用担心框架用久了自己不会写 CSS 的问题比如，你要实现一个容器内完全居中，手写 CSS 是：.container {

display: flex;

justify-content: center;

align-items: center;

width: 100px;

height: 100px;

}

用 Tailwind CSS 的写法是：

写法跟你在 VSCode 里自动补全代码时，敲入的命令非常接近，不像传统的 UI 框架一样，你写个标签就自动生成按钮，都不知道它是怎么写出来的（这也是我比较少想用 UI 框架的原因，我怕久了自己都不会写了），实际上，使用 Tailwind 之后，你还是在自己写 CSS，只不过更方便了！支持 CSS tree-shaking ，构建后的文件非常迷你传统的 Atom CSS ，引入了就得整包引入，而 Tailwind 可以借助 PostCSS ，可以在最终项目构建的时候，抽离出我们用到的样式，用不到的会被直接扔掉。我自己体验了一下，核心样式文件在配置 Purge 之前构建出来大概有 6M 多，Purge 之后只有 24K ！可以组合使用，类似于 CSS 预处理器的 Extend比如，我要写一个通用的图片样式，让图片具备自适配不变型的效果，我只需要借助 @apply 像这样子：.img {

@apply w-full h-full object-cover;

}

编译出来就是我想要的效果：.img {

width: 100%;

height: 100%;

-o-object-fit: cover;

object-fit: cover;

}

支持目前主流的暗黑模式，通过 dark:xxxxx 的前缀就可以轻松定制两款皮肤点一下切换皮肤：用了 Tailwind 之后，你几乎可以不用写 Sass / Stylus 了，那么问题来了：如何弥补 CSS 预处理器提供的一些功能？借助 PostCSS Language 和 CSS Variable，可以轻松的书写像 CSS 预处理一样的嵌套和变量。a {

color: var(--fg-deeper);

text-decoration: none;

&:hover {

border-bottom: 1px solid var(--fg-light);

}

独立的文件使用 .postcss 或者 .pcss 作为文件后缀，在 Vue 组件里则使用来指定 PostCSS Language 。当然，说的再多也不如亲手写一写，我之前在知乎也是看了好久始终不能决定用不用，之前赶业务也没时间，这一次也终于动手体验了一把，后悔，特别后悔，后悔怎么没有早点用！！！SEO 优化虽然前面的服务端渲染帮我们解决了空 HTML 文档的问题，但要更好的进行 SEO 优化，还需要落实到具体的页面上去。比如页面的 title 、 description 、 keyword 等等，这里我是用到了以下两个工具来帮我实现每个页面的 TKD 定制。gray-matter：支持对 .md 文件的 TKD 优化，你可以在 Markdown 文件的最前面加入这样的代码，即可实现对页面展示对应的 TKD 信息。---

title: 这是页面的标题

desc: 这是页面的描述

keywords: 关键词1,关键词2,关键词3

---

下面是要书写的 Markdown 内容…

@vueuse/head：可以让你在 .vue 文件里实现优化，在 Vue 组件里的 script 部分，写入以下的代码，就可以实现 TKD 信息的配置。import { useHead } from '@vueuse/head'

useHead({

meta: [

{

content: '这是页面的标题'

{

content: '这是页面的描述'

{

content: '关键词1,关键词2,关键词3'

}

]

})

你还可以扩展更多的信息上去，具体都在各自对应的 Github 仓库的 README 里有详细的说明。当然，SEO 优化远远不止这一点，包括 robots 、链接语义化、减少死链、旧地址重定向等等，后面也会有说明。静态资源处理静态资源指 js 、 css 、 img 这些资源，放自己服务器也不是不好，我之前就是放自己服务器上，没有去改，虽然 WordPress 虽然有配置 CDN 的插件，但是 CDN 平台诸如七牛、又拍云，免费额度只针对 http , 都是需要付费才可以使用 https，总的来说还是要多出一笔钱来处理这块服务，反正自己的博客访问量不大，而且技术博客很少多媒体资源，日常使用的带宽消耗很少，我三年前在阿里云充的 50 块钱，三年过去了到现在还有 45.91 …不过这次改版就不一样了，后续我可能还会开辟一些图片模块，加上改版后是把项目托管到了 Github ，先天优势存在，那么就要多考虑一下利用 Github 提供的免费服务了！开发过 NPM 包的同学，或者日常使用 NPM 插件比较细心的同学，应该能够发现发布在 NPM 上的包都自动部署到了 CDN 平台，诸如 jsdelivr 、 unpkg 、cdnjs 等等，那么 Github 和这些 CDN 能关联吗？在此之前其实我也没去关注能不能，但这一次我查了一下，确实可以，而且其中对国内访问速度最友好的 jsdelivr ，支持度最高！超棒的！关于 jsdelivr 的速度可以参考：国内有哪些靠谱的 Javascript 库 CDN 可用？，也可以测试下我的博客，我自己对测试结果还是挺满意的。测试我自己网站的速度所以最后我是把所有静态资源都指向了 jsdelivr CDN ，它无需你自己再做任何部署工作，只需要把代码文件更新到你的 GitHub 仓库里，就会自动同步到 jsdelivr 。访问格式为在 jsdelivr CDN 官网有案例说明，更多用法可以查看官网的文档 Features - jsdelivr，为了避免项目源码过大，你可以像我一样单独创建一个类似 assets-storage 这样的仓库用来存储这些静态资源，在仓库的 README 也有简单介绍下如何引用 CDN 地址和清除 CDN 缓存。回到项目里，只需要在 vite.config.ts 里修改 base 的路径即可。export default defineConfig({

base: isDev

? '/'

: 'https://cdn.jsdelivr.net/gh/chengpeiquan/chengpeiquan.com@gh-pages/'

})

详细可以看官网的文档 Configuring Vite | Vite。当然这种方式如果你用平时的命令行或者老乌龟界面工具来提交文件，始终还是比较麻烦，这里推荐一个现成的图床工具 PicGo ，支持多个平台的 CDN 服务，其中就有 Github 。PicGo 图床界面你可以在 Github 仓库上的 Releases 下载最新的客户端版本，只是使用的话，可以单独下载对应系统的安装文件，不需要克隆整个仓库下来自己构建。资源导出本次的资源导出主要是指原来的那些图片，前面有提到，我之前没有启动 CDN 服务，所以图片资源都还在自己的服务器上。WordPress 的上传资源都存放在 /wp-content/uploads/ 目录下，阿里云非常方便的就是，你可以连 SFTP 上去把这些文件直接拖下来就可以了。重新传到 Github 上又非常简单，克隆你的仓库下来后，放到指定的文件夹里，重新提交就可以了。等未来某一次你不想继续用 Github 托管了，只需要把仓库拉下来，所有文件又都在了，都是非常方便和灵活。爬虫编写这一部分主要针对原来的文章，虽然我之前的 WordPress 就开启了 Markdown 编辑器支持，但如 SEO 优化里提到的，缺少很多 TKD 信息配置，而且里面的图片地址也都要更换为 CDN 的路径，所以就算用现成工具去处理 HTML / XML 转 Markdown，都还要去补充这些信息，也比较繁琐。所以是借助了 Node 编写了个静态爬虫，在爬取过程中对一些内容进行追加、转换。具体的实现可以参考我之前写的网站改版迁移经验记录：基于 node 的爬虫编写，这里就不重复赘述了。数据统计既然是 Vue 项目，那么当然支持 Vue 系的统计插件，之前写的两个统计平台插件，都是可以开箱即用的，均已支持 Vue 3.0 的使用。你可以在 main.ts 里了解如何开启流量的统计上报功能，如果你需要记录埋点，也都有 API 可以轻松触发数据的上报。百度统计：vue-baidu-analytics友盟统计：vue-cnzz-analytics服务端开发服务端之前是 WordPress 所依赖的 Nginx + PHP + MySQL ，这一次重构也把服务端直接换了，更换为 Node.JS + Express ，通过 PM2 守护进程来运行在阿里云。对，这一次没有数据库，第一版暂时不打算做数据库，暂时用不到，目前大部分数据都已经迁移到 Github 仓库了，下个版本功能迭代用到了再考虑弄一下。我的服务器系统是 CentOS 7，也就是 Linux 系统，关于 Linux 下如何安装 Node ，搜素引擎很多方法，这里也不赘述了，放几个自己用到的关键命令参考吧。清除缓存然后升级系统和软件sudo yum clean all sudo yum makecache sudo yum update sudo yum upgrade -y

安装 NPM 并通过 stable 安装最新版本的 Nodesudo yum install npm sudo npm install -g n sudo n stable

全局安装 yarn ，没错，我现在更喜欢用 yarn 来进行包管理，这一步你可以跳过npm i -g yarn

然后是全局安装 pm2，这个是必须要装的，否则我们的终端一关，服务就停了，需要通过 PM2 来守护进程，当然，你也可以用 forever 。yarn global add pm2

其他的步骤就不用说了，创建服务器的文件夹，初始化，安装 express 或者其他你更熟悉的服务程序，搞起吧！有几件事要特别叮嘱一下：1. 因为服务端变了，如果原来有开启 HTTPS，记得重新配置你的 SSL 证书（我用的是阿里云的免费证书，只需要 1 年更换 1 次）2. 域名也要重新做 301 重定向（HTTP 强切 HTTPS ， WWW 强切无 3W 等）3. 检查之前是否有在推广的的链接挂掉了，也要重新 301 到新地址（比如 RSS 源之前是 /feed/ ，现在是 /feed.xml）4. 最重要的，配置上对路由 history 模式的支持第一版其实不复杂，后面有需要会继续迭代。自动化部署代码托管在 GitHub 的好处就是 GitHub Actions 可以帮我们实现 CI / CD，通过配置分支的 push 或者 pull_request 等行为来实现自动触发项目的构建打包，并实现一键部署到阿里云服务器。具体的脚本可以参考我写的 workflow ，里面都提供了注释。workflow 里所有以 secrets.XXXXXX 的格式均为仓库独立配置的密钥变量，在仓库的 settings > Actions secrets 里添加。其中一些关键环节说明如下：on 是指分支行为，我配置了合并分支才会触发，因为平时都是托管在 develop 分支，包括未开发完毕的功能，写一半的文章草稿，只有确认可以发布的代码，才会合并到 main 进行更新jobs 是触发自动打包 / 发布一系列行为的各种操作，从上到下按顺序处理，其中的 ACCESS_TOKEN 是 GitHub 的 Token，请来 Personal access tokens 创建，创建后只会显示一次，请保存好，后面涉及到 Token 的地方可以重复使用同一个 Token，请勿泄露！gh-pages 分支是打包完毕后的文件，推送到阿里云服务器的也是这个分支下的所有文件，之所以托管一份在 GitHub，是因为我们前面部署了 CDN 支持，JS / CSS 文件是需要读取这个分支的 CDN 文件部署到阿里云的环节，配置的 SERVER_SSH_KEY 是自己服务器的密钥对，如果你也是跟我一样使用阿里云的 ECS ，可以参考创建 SSH 密钥对，创建后还需要绑定给实例才能激活生效，绑定操作请参考绑定 SSH 密钥对SERVER_IP 是自己服务器的公网 IP，这个其实可以不用配置为密钥变量，因为 ping 一下你的域名也知道是什么 IP ，只是因为我有两台服务器，所以配置为变量可以方便的通过 SERVER_IP 和 SERVER_IP_TEST 去切换，其他变量其实也有一个 TEST 版本最后的 TARGET 是你在服务器上，node 服务器所安装的目录。如果其中有什么环节不清楚的，善用搜索引擎，或者到我博客仓库给我提 issue 也可以。如果你不是托管在 GitHub ，而是别的 Git 平台诸如自建的 Gitlab ，你也可以通过 Jenkins 去配置 CI / CD 的支持。离线应用构建使用 Vue-CLI 创建新项目的时候，可以了解到有一个选项是关于 PWA 的，关于 PWA 的定义建议直接阅读渐进式 Web 应用（PWA） | MDN 。Vite 官方团队也对 PWA 做了支持，通过 vite-plugin-pwa 可以方便的实现一个离线应用的配置。不过目前发现了一个问题就是，当 vite.config.ts 的 base 选项设置为 CDN 地址时，构建出来的 PWA manifest 资源路径会读取错误，原因是 manifest 不能走 CDN，要单独从网站内读取，虽然跟作者提了优化建议（详见 #25），不过还需要点时间去优化。所以在原版进行版本更新之前，自己先发布了个私有调试包 fix 了这个问题，有遇到一样情况的朋友可以先安装 \@chengpeiquan/vite-plugin-pwa 这个去用，不过最好还是留意原版的更新，这个私有包不会长期维护。2021-02-22 更新：目前原版已更新，Fix 了我反馈的问题，请使用 v0.5.3 以后的版本可以避免该问题的产生，给作者点赞！关于 PWA 的配置可以参考我的项目，这里单独说一下需要特别注意的点：因为使用了 CDN，所以 scope 和 manifest.start_url 选项需要显式指定，否则资源会读取出错基于我上面提到的路径问题，从 v0.5.3 开始，配置 CDN 的同时，也需要显式指定 base 选项，避免出现 404其他的选项根据实际需要去处理就可以了。结语因为网站的设计一向不是我的专长，加上不喜欢花里胡哨的东西，所以这一次重构后的 UI 设计还是基本继承了原来的风格。但也有一些新的迭代，比如加上了跟随系统的暗黑风格（也可以通过导航右上角进行手动切换），还有首页的变化，对于内容不多的博客来说，挺好的一个 idea，这是来自好友小毅 The Art of Chawye Hsu 和 Vite 开发者 Antfu Anthony Fu 的博客参考。当然，整个项目的重构，更多的技术支持来自于 Anthony，他也是 Vue 和 Vite 官方团队的开发者，他比我早几天上线的 Rewrite in Vite 给了我很多思路，很多基于 Vite 的插件也是他写的，都是在这几天发布和迭代，有那种瞌睡来了枕头的感觉，美妙！完整的项目依赖和配置请查看仓库的 package.json 和 vite.config.ts ，整个项目也完全开源了，具体的实现可以查看 Github 仓库，在这里就不赘述了，如果觉得对你有用，欢迎 Star 。参考资料[1]Vite 2.0 发布了 \ 尤雨溪: https://zhuanlan.zhihu.com/p/351147547[2]Vite 2.0: https://github.com/vitejs/vite[3]Rollup: https://github.com/rollup/rollup[4]Tailwind CSS: https://github.com/tailwindlabs/tailwindcss[5]PostCSS Language: https://github.com/postcss/postcss[6]CSS Variable: https://developer.mozilla.org/zh-CN/docs/Web/CSS/--*[7]highlight.js: https://github.com/highlightjs/highlight.js[8]prism: https://github.com/PrismJS/prism[9]Vue3.0 学习教程与实战案例: https://vue3.chengpeiquan.com/[10]Nuxt: https://github.com/nuxt/nuxt.js[11]Vapper: https://github.com/shuidi-fed/vapper[12]Hexo: https://github.com/hexojs/hexo[13]@chawyehsu: https://github.com/chawyehsu[14]Saber: https://github.com/saberland/saber[15]VuePress: https://github.com/vuejs/vuepress[16]VitePress: https://github.com/vuejs/vitepress[17]Server-Side Rendering | Vite: https://vitejs.dev/guide/ssr.html[18]vite-ssr: https://github.com/frandiox/vite-ssr[19]vite-ssg: https://github.com/antfu/vite-ssg[20]Vue-CLI: https://github.com/vuejs/vue-cli[21]Vue 3.0 教程: https://vue3.chengpeiquan.com/[22]Webpack: https://github.com/webpack/webpack[23]LNMP: https://github.com/licess/lnmp[24]技术栈的选择: #%E6%8A%80%E6%9C%AF%E6%A0%88%E7%9A%84%E9%80%89%E6%8B%A9[25]vite-plugin-pages: https://github.com/hannoeru/vite-plugin-pages[26]vite-plugin-md: https://github.com/antfu/vite-plugin-md[27]vite-plugin-components: https://github.com/antfu/vite-plugin-components[28]Stylus: https://github.com/stylus/stylus[29]Ant Design: https://github.com/vueComponent/ant-design-vue[30]如何评价 CSS 框架 TailwindCSS？: https://www.zhihu.com/question/337939566[31]PostCSS Language: https://github.com/postcss/postcss[32]CSS Variable: https://developer.mozilla.org/zh-CN/docs/Web/CSS/--*[33]服务端渲染: #%E6%9C%8D%E5%8A%A1%E7%AB%AF%E6%B8%B2%E6%9F%93[34]gray-matter: https://github.com/jonschlinkert/gray-matter[35]@vueuse/head: https://github.com/vueuse/head[36]国内有哪些靠谱的 Javascript 库 CDN 可用？: https://www.zhihu.com/question/20227463/answer/370662453[37]jsdelivr CDN 官网: https://www.jsdelivr.com/?docs=gh[38]Features - jsdelivr: https://www.jsdelivr.com/features#gh[39]assets-storage: https://github.com/chengpeiquan/assets-storage[40]vite.config.ts: https://github.com/chengpeiquan/chengpeiquan.com/blob/main/vite.config.ts[41]Configuring Vite | Vite: https://vitejs.dev/config/#base[42]PicGo: https://github.com/Molunerfinn/PicGo[43]Releases: https://github.com/Molunerfinn/PicGo/releases[44]SEO 优化: #seo-%E4%BC%98%E5%8C%96[45]网站改版迁移经验记录：基于 node 的爬虫编写: https://chengpeiquan.com/article/node-web-crawler[46]main.ts: https://github.com/chengpeiquan/chengpeiquan.com/blob/main/src/main.ts[47]vue-baidu-analytics: https://github.com/chengpeiquan/vue-baidu-analytics[48]vue-cnzz-analytics: https://github.com/chengpeiquan/vue-cnzz-analytics[49]yarn: https://github.com/yarnpkg/yarn[50]pm2: https://github.com/Unitech/pm2[51]forever: https://github.com/foreversd/forever[52]express: https://github.com/expressjs/express[53]workflow: https://github.com/chengpeiquan/chengpeiquan.com/blob/main/.github/workflows/github-ci.yml[54]Personal access tokens: https://github.com/settings/tokens[55]创建 SSH 密钥对: https://www.alibabacloud.com/help/zh/doc-detail/51793.htm[56]绑定 SSH 密钥对: https://www.alibabacloud.com/help/zh/doc-detail/51796.htm[57]Jenkins: https://github.com/jenkinsci/jenkins[58]渐进式 Web 应用（PWA） | MDN: https://developer.mozilla.org/zh-CN/docs/Web/Progressive_web_apps[59]vite-plugin-pwa: https://github.com/antfu/vite-plugin-pwa[60]#25: https://github.com/antfu/vite-plugin-pwa/pull/25[61]@chengpeiquan/vite-plugin-pwa: https://www.npmjs.com/package/@chengpeiquan/vite-plugin-pwa[62]The Art of Chawye Hsu: https://chawyehsu.com/[63]Anthony Fu: https://antfu.me/[64]Rewrite in Vite: https://antfu.me/posts/rewrite-in-vite[65]package.json: https://github.com/chengpeiquan/chengpeiquan.com/blob/main/package.json[66]vite.config.ts: https://github.com/chengpeiquan/chengpeiquan.com/blob/main/vite.config.ts[67]Github 仓库: https://github.com/chengpeiquan/chengpeiquan.com公众号：小何成长，佛系更文，都是自己曾经踩过的坑或者是学到的东西有兴趣的小伙伴欢迎关注我哦，我是：何小玍。大家一起进步鸭发布于 2021-07-22 07:15Vue.js前端开发HTML赞同 11添加评论分享喜欢收藏申请转载文章被以下专栏收录小何成长只想谈谈自己感兴趣的方方面面，只想指指点点

Next.js 的三种渲染方式（BSR、SSG、SSR） - 知乎

Next.js 的三种渲染方式（BSR、SSG、SSR） - 知乎切换模式写文章登录/注册Next.js 的三种渲染方式（BSR、SSG、SSR）Jacky一名奋飞的前端小菜鸟Next.js 是一个轻量级的 React 服务端渲染框架它支持三种渲染方式包括客户端渲染 BSR (Broswer Side Render)静态页面生成 SSG (Static Site Generation)服务端渲染 SSR (Server Side Render)旧瓶装新酒上面说的几种渲染方式，其实并非什么新东西，其实可以和这些技术对应起来BSR -- 用 JS、Vue、React 创建 HTMLSSG -- 页面静态化，把 PHP 提前渲染成 HTMLSSR -- PHP、Python、Ruby、Java 后台的基本功能不同点Next.js 的预渲染可以与前端 React 无缝对接下面，以一个文章列表页面作为例子，分别解析一下三种渲染方式吧客户端渲染客户端渲染，顾名思义就是只在浏览器上执行的渲染，通过Vue 和 React 构建的单页面应用SPA 都是采用这种方式渲染缺点1 .白屏，在 AJAX 得到渲染之前，页面中并没有内容，只能通过 Loading 来过度2. SEO 不友好，因为搜索引擎访问页面，默认不会执行 JS，只能看到 HTML，而不会等待 AJAX 异步请求数据，所以搜索不到页面内容代码import {NextPage} from 'next';

import axios from 'axios';

import {useEffect, useState} from "react";

import * as React from "react";

type Post = {

id: string,

title: string

}

const PostsIndex: NextPage = () => {

// [] 表示只在第一次渲染的时候请求

const [posts, setPosts] = useState([]);

const [isLoading, setIsLoading] = useState(false);

useEffect(() => {

setIsLoading(true);

// 使用 AJAX 异步请求数据

axios.get('/api/posts').then(response => {

setPosts(response.data);

setIsLoading(false);

}, () => {

setIsLoading(true);

})

}, []);

return (

文章列表

{isLoading ?

加载中

posts.map(p =>

{p.id}

)}

)

};

export default PostsIndex;

当网络不好的时候，loading 的时间很长，页面肯能会出现长时间白屏由于初次请求的 HTML 中并没有文章内容，需要通过 AJAX 异步加载数据，而这个加载数据渲染的过程都是在客户端完成的，所以称为客户端渲染静态页面生成 SSG在文章列表页面里，其实每个用户查到的内容都是一样的那为什么还需要在每个人的浏览器上渲染一遍呢？为什么不在后端渲染好，然后发给每个人这样就可以N 次渲染变成了 1 次渲染N 次客户端渲染变成了 1 次静态页面生成这个过程成为动态内容静态化优缺点优点：这种方式可以解决白屏问题、SEO 问题缺点：所有用户看到的都是同一个页面，无法生成用户相关内容如何实现首先我们来想一个问题该如何获取 posts 呢？因为加载数据的操作在后端，想通过 AJAX 获取 posts 显然不合适答案是：通过 getStaticProps 获取 postsgetStaticProps 是 Next.js 提供的一个方法，会在后端执行，返回一个 props，NextPage 在渲染的时候可以使用这个 props代码import {GetStaticProps, NextPage} from 'next';

import {getPosts} from '../../lib/posts';

import Link from 'next/link';

import * as React from 'react';

type Post = {

id: string,

title: string

}

type Props = {

posts: Post[];

}

// props 中有下面导出的数据 posts

const PostsIndex: NextPage = (props) => {

const {posts} = props;

// 前后端控制台都能打印 -> 同构

console.log(posts);

return (

文章列表

{posts.map(p =>

{p.id}

)}

);

};

export default PostsIndex;

// 实现SSG

export const getStaticProps: GetStaticProps = async () => {

const posts = await getPosts();

return {

props: {

posts: JSON.parse(JSON.stringify(posts))

}

};

前端是怎么不通过 AJAX 获取到数据的posts 数据我们只在服务器获取了，但又是怎样传递给前端的呢？发现玄机我们可以看到玄机就藏在 id 为 _NEXT_DATA__ 的 script 标签中，里面储存了传给前端的 props 数据这就是同构 SSR 的好处，后端可以将数据直接传给前端，而不需要 AJAX 异步获取静态化的时机环境在开发环境，每次请求都会运行一次 getStaticProps 这是为了方便你修改代码重新运行在生成环境，getStaticProps 只在 build 是运行一次，这样可以提供一份 HTML 给所有的用户下载如何体验生成环境yarn build

yarn start打包后我们可以会看到这样解读我看看到的页面前的三种图标，分别是 λ ○ ●λ (Serve) SSR 不能自动创建 HTML (下面会介绍)○ (Static) 自动创建 HTML (发现你没用到 props)● (SSG) 自动创建 HTML + JSON (等你用到 props)三种文件类型build 完成后，我们查看.next 文件里面，发现 posts.html、posts.js、posts.jsonposts.html 含有静态内容，用于用户直接访问post.js 也含有静态内容，用于快速导航（与 HTML 对应）posts.json 含有数据，跟 posts.js 结合得到页面为什么不直接把数据放入 posts.js 呢？显然是为了 posts.js 接受不同的数据，当我们展示每篇博客的时候，他们的样式相同，内容不同，就会用到这个功能动态内容静态化如果动态内容与用户无关，那么可以提前静态化通过 getStaticProps 可以获取数据静态内容+数据(本地获取) 就得到了完整的页面代替了之前的静态内容+动态内容(AJAX 获取)服务端渲染（SSR）如果页面和用户相关呢？这种情况较难提前静态化，需要在用户请求时，获取用户信息，然后通过用户信息去数据库拿数据，如果非要做，就要给每个用户创建一个页面，有时候这些数据更新极快，无法提前静态化, 比如微博首页的信息流那怎么办？要么客户端渲染, 会出现白屏要么服务端渲染 SSR，没有白屏运行时机无论时开发环境还是生成环境，都是在请求之后运行 getServerSideProps代码和 SSG 代码基本一致，不过使用了 getSeverSideProps这段代码实现的时，服务器响应请求后获取浏览器信息，返回给前端展示import {GetServerSideProps, NextPage} from 'next';

import * as React from 'react';

import {IncomingHttpHeaders} from 'http';

type Props = {

browser: string

}

const index: NextPage = (props) => {

return (

你的浏览器是 {props.browser}

);

};

export default index;

export const getServerSideProps: GetServerSideProps = async (context) => {

const headers:IncomingHttpHeaders = context.req.headers;

const browser = headers['user-agent'];

return {

props: {

browser

}

};

SSR 原理推荐在后端 renderToString() 在前端 hydrate()后端将页面渲染，返回 HTML String 格式，传递到前端，前端进行 hydrate() ,会保留 HTML 并附上时间监听，也就是说后端渲染 HTML，前端添加监听。前端也会渲染一次，用以确保前后端渲染结果一致总结客户端渲染 SSR只在浏览器上运行，缺点 SEO 不友好，白屏静态页面生成 SSGStatic Site Generation，解决白屏问题、SEO 问题缺点：无法生成和用户相关的内容（所有用户请求的结果都一样）服务端渲染（SSR）解决白屏问题、SEO问题可以生成用户相关的内容三种渲染模式如何选择有动态内容吗？没有什么也不用做，自动渲染为 HTML有动态内容，动态内容和客户端相关吗？相关就只能用客户端渲染 BSR有动态内容，动态内容跟请求/用户相关吗？相关就只能用服务端渲染 SSR 或 BSR其他情况可以用 SSG 或 SSR 或 BSR编辑于 2021-04-02 10:16服务端渲染前端开发Next.js赞同 4910 条评论分享喜欢收藏申请

Samsung Galaxy（韩国电子竞技俱乐部）_百度百科

ung Galaxy（韩国电子竞技俱乐部）_百度百科网页新闻贴吧知道网盘图片视频地图文库资讯采购百科百度首页登录注册进入词条全站搜索帮助首页秒懂百科特色百科知识专题加入百科百科团队权威合作下载百科APP个人中心Samsung Galaxy是一个多义词，请在下列义项上选择浏览（共2个义项）展开添加义项Samsung Galaxy播报讨论上传视频韩国电子竞技俱乐部收藏查看我的收藏0有用+10Samsung Galaxy是一家韩国电子竞技俱乐部，建立于2005年，旗下曾有《星际争霸》《星际争霸II》《英雄联盟》等电竞分部。 [1] [24]Samsung Galaxy旗下《英雄联盟》分部曾拥有SSB和SSW两支队伍，其中SSW在2014年获得了英雄联盟全球总决赛冠军。2015年拳头游戏推行俱乐部唯一制度后，队伍重组为SSG。 2017年11月4日，SSG以3:0战胜SKTelecom T1，获得2017英雄联盟全球总决赛冠军。2017年12月1日，SSG由KSV eSports收购并暂时更名KSV。2018年5月，KSV更名为Gen.G。 [22]中文名三星电子竞技俱乐部外文名Samsung Galaxy创办时间2005年创办地点韩国运动项目电子竞技主要荣誉2014英雄联盟全球总决赛冠军2016英雄联盟全球总决赛亚军2017英雄联盟全球总决赛冠军目录1团队历史2队员列表3数据统计4团队荣誉团队历史播报编辑2012赛季MVP Ozone和MVP Blue(2张)Samsung Galaxy旗下《英雄联盟》分部的前身为MVP俱乐部的两只队伍MVP White和MVP Blue（另一支MVP Red战队则从来没有真正成立过），建队之初俱乐部原本想将MVP Blue作为一队培养，然而拥有Dade、Imp、Dandy等选手的MVP White战绩却更加出色，他们拿下了2012年NBL夏季赛冠军，并在中国举办的CPL国际邀请赛上击败了OMG，随后回到韩国国内后与MVP Blue一起获得了参加OGN冬季赛的资格。MVP White在OGN冬季赛中一路闯进八强，而MVP Blue却在常规赛阶段遭到淘汰。MVP White的表现引起了韩国商业公司Ozone通讯的注意，随后得到赞助改名为MVP Ozone，引入Dade与Mata，与MVP Blue同时征战2013OGN春季赛。2013赛季2013年3月至6月OGN春季赛，拥有Easyhoon和Acorn的MVP Blue延续了冬季赛的糟糕表现，未能进入季后赛。MVP Ozone则以6胜4负的战绩进入季后赛。第一轮3:1击败KT，第二轮3:1击败第一次参与职业联赛的Faker所率领的SKT T1 #2，决赛面对当赛季保持全胜的CJ Blaze，MVP Ozone制定了以Dade劫为核心四保一阵容，Imp也在比赛中爆发，最终击败CJ Blaze，收获了历史上第一个职业联赛冠军。2013OGN春季赛MVP Ozone夺冠2013年6月至9月OGN夏季赛，MVP Ozone在半决赛中1:3不敌SKT。随后的季军赛，MVP Ozone以3:2战胜CJ Frost，获得夏季赛季军。最终依然靠着夏季赛季军加上春季赛冠军的积分，MVP Ozone获得了2013英雄联盟全球总决赛的参赛资格。2013年9月，三星收购了MVP的两支队伍MVP Blue和MVP Ozone并更名为“Samsung Blue”（简称SSB）和“Samsung Ozone”（简称SSO）。 [3]2013年9月至10月英雄联盟全球总决赛，SSO队内原上单选手Homme临时被Looper替换，接连被Fnatic，Gambit所击败。最终SSO在与Gambit的加赛中告负，以5胜4负排名小组第三，成为历史上第一支止步小组赛的韩国战队。 [4]2014赛季SSW和SSB(2张)2013年11月至2014年1月OGN冬季赛，SSO在决赛中以0:3不敌SKT T1 K，获得亚军。 [5]2014年3月至5月OGN春季赛，Dade被下放到二队SSB，而SSB的中单选手Pawn则进入一队SSO。SSO在小组赛中6战全胜，季后赛第一轮3:1击败SKT T1 K。SSB则在小组赛阶段取得了5胜1负的成绩，季后赛第一轮3:1击败CJ Frost。半决赛就这样在三星两支队伍之间中展开争夺，最终SSB以3:1击败SSW首次进入决赛。决赛SSB面对NJWS，以3:1击败对手，获得春季赛冠军。 [6]之后的2014OGN大师赛，SSB再次夺得冠军。2014年6月，SSO改名为Samsung White（简称SSW）。2014年6月至8月OGN夏季赛，SSB在半决赛中再次以3:1击败SSW，决赛SSB对阵KTA，被对手成功让二追三，获得夏季赛亚军，依靠着春季赛冠军和夏季赛亚军的积分优势，直接晋级全球总决赛。SSW则在季军赛中3:0击败SKT T1 S，随后的S4OGN冒泡赛，SSW再一次击败SKT T1 K，最终成功与SSB一起晋级2014英雄联盟全球总决赛。 [7]2014年9月至10月英雄联盟全球总决赛，SSW在小组赛中取得6战全胜，场均时常不超过30分钟，下路选手Imp更是拿到了两次五杀。四分之一决赛3:1击败TSM，半决赛3:0横扫兄弟战队SSB，决赛面对第二次闯进决赛的皇族，最终SSW以3:1的比分拿下决赛，获得了2014英雄联盟全球总决赛冠军。 [8]2014年10月，拳头公司与OGN联合先媒体发布了2015年的赛事赛程。确立了联赛赛制并正式通告每支战队只能有一支队伍参赛的方案。随后SSB与SSW合并为Samsung Galaxy（简称SSG），原三星队内首发十人全部离队。 [9]SSW冠军皮肤2015赛季2015年1月至4月LCK春季赛，SSG以上单CuVee、打野Eve、中单BlisS和Ace、下路Fury、辅助Wraith为主的阵容在常规赛仅取得2胜，最终排名联赛垫底。 [10]2015年5月至8月LCK夏季赛，SSG引入中单选手Crown。常规赛以6胜12负排名第七，无缘季后赛以及后续赛程。 [11-12]2016赛季Samsung Galaxy2016年1月至4月LCK春季赛，SSG以上单CuVee、打野Ambition、中单Crown、下路CoreJJ和Stitch、辅助Wraith为主的阵容在常规赛取得10胜8负，排名第六，未能进入季后赛。 [13]2016年5月至8月LCK夏季赛，ADC选手Ruler加入SSG，队内原ADC选手Corejj转型为辅助。SSG以12胜6负的战绩排名常规赛第四进入季后赛，季后赛第一轮2:0战胜AFs，随后在第二轮以0:3不敌KT被淘汰，最终凭借着全年积分直接进入冒泡赛第二轮。冒泡赛上先是让一追三击败AFs，又与KT打满五局，以下克上3:2战胜了KT，成为LCK的三号种子晋级2016英雄联盟全球总决赛。 [2] [14]2016年9月至10月英雄联盟全球总决赛，SSG以5胜1负排名小组第一出线，又先后以两个3:0淘汰C9和H2K，与SKT会师决赛，最终以2:3不敌SKT，获得2016英雄联盟全球总决赛亚军。 [15]2016年12月IEM京畿道站，SSG在决赛中以3:1战胜KDM，获得冠军。 [16]2017赛季SSG2017赛季阵容(2张)2017年1月至5月LCK春季赛，SSG在常规赛阶段取得14胜4负的成绩，直接进入季后赛第三轮。但是面对KT，SSG以0:3被对手横扫淘汰。 [17]2017年5月至8月LCK夏季赛，SSG取得13胜5负排名常规赛第三，直接进入季后赛第二轮，在面对SKT的时候被3:0淘汰。但是凭借着春季赛季军以及夏季赛殿军的积分，SSG再一次进入了冒泡赛中。冒泡赛先是让二追三击败AFs，又3:0横扫KT，以三号种子的身份参加2017英雄联盟全球总决赛。 [18]2017年10月至11月英雄联盟全球总决赛，SSG在小组赛虽遭到了RNG战队的双杀，但与G2、FB的比赛全部获胜，以4胜2负排名小组第二出线。四分之一决赛3:0横扫来自同赛区的一号种子LZ，半决赛在先输一局的情况下连赢三局击败WE，决赛以3:0击败SKT，获得2017年英雄联盟全球总决赛冠军。 [19]2017年12月KeSPA杯，SSG以1:2不敌KT止步半决赛。 [20]2017年12月1日，KSV eSports正式收购SSG英雄联盟战队，并改名为KSV [21]（2018年5月，KSV正式改名为Gen.G）。 [22]SSG冠军皮肤队员列表播报编辑英雄联盟分部队员列表游戏ID姓名位置CuVee李圣真上单Ambition姜灿荣打野Haru姜旼丞打野Crown李民皓中单Ruler朴载赫ADCStitch李胜柱ADCCoreJJ曺容仁辅助Wraith权智敏辅助注：以上为SSG在LCK最后一个赛季（2017赛季）的队员名单 [23]数据统计播报编辑英雄联盟分部数据统计赛事比赛场次总击杀总阵亡总助攻胜率一血率大龙控制率2015LCK夏季赛43476588117037.2%34.9%41.8%2016LCK春季赛44409414104650.0%38.6%57.1%2016LCK夏季赛45488528119944.4%48.9%45.7%S6世界总决赛1724719350476.5%64.7%75%2017LCK春季赛41485413104863.4%61.0%59.7%2017LCK夏季赛47448426105861.7%55.3%46.8%S7世界总决赛1616111346981.3%43.8%69.6%参考资料：团队荣誉播报编辑英雄联盟分部团队荣誉（不完全统计）日期赛事成绩队伍2013年9月英雄联盟全球总决赛小组赛SSO2014年1月OGN冬季赛亚军SSO2014年5月OGN春季赛季军 [6]SSO冠军 [6]SSB2014年8月OGN夏季赛亚军 [7]SSB季军 [7]SSW2014年10月英雄联盟全球总决赛四强 [8]SSB冠军 [8]SSW2015年4月LCK春季赛第8名 [10]SSG2015年8月LCK夏季赛第7名 [11]2016年4月LCK春季赛第6名 [13]2016年8月LCK夏季赛殿军 [14]2016年10月英雄联盟全球总决赛亚军2016年12月IEM11京畿道站冠军 [16]2017年4月LCK春季赛季军 [17]2017年8月LCK夏季赛殿军 [18]2017年11月英雄联盟全球总决赛冠军 [19]新手上路成长任务编辑入门编辑规则本人编辑我有疑问内容质疑在线客服官方贴吧意见反馈投诉建议举报不良信息未通过词条申诉投诉侵权信息封禁查询与解封©2024 Baidu 使用百度前必读 | 百科协议 | 隐私政策 | 百度百科合作平台 | 京ICP证030173号京公网安备110000020000

新一代Web技术栈的演进：SSR/SSG/ISR/DPR都在做什么？-腾讯云开发者社区-腾讯云

eb技术栈的演进：SSR/SSG/ISR/DPR都在做什么？-腾讯云开发者社区-腾讯云腾讯云开发TCB新一代Web技术栈的演进：SSR/SSG/ISR/DPR都在做什么？关注作者腾讯云开发者社区文档建议反馈控制台首页学习活动专区工具TVP最新优惠活动文章/答案/技术大牛搜索搜索关闭发布登录/注册首页学习活动专区工具TVP最新优惠活动返回腾讯云官网腾讯云开发TCB首页学习活动专区工具TVP最新优惠活动返回腾讯云官网社区首页 >专栏 >新一代Web技术栈的演进：SSR/SSG/ISR/DPR都在做什么？新一代Web技术栈的演进：SSR/SSG/ISR/DPR都在做什么？腾讯云开发TCB关注修改于 2021-04-29 17:51:103.7K0修改于 2021-04-29 17:51:10举报文章被收录于专栏：云开发云开发在之前的一篇文章地址里，初步介绍了 Jamstack 这套建站技术栈的背景以及各方面优劣势。所以这次这篇文章会更加深入，聊聊这套技术栈的演进以及业界的一些最佳实践。在开始阅读之前，先解释一下文章里用到的英文缩写：CSR：Client Side Rendering，客户端（通常是浏览器）渲染；SSR：Server Side Rendering，服务端渲染；SSG：Static Site Generation，静态网站生成；ISR：Incremental Site Rendering，增量式的网站渲染；DPR：Distributed Persistent Rendering，分布式的持续渲染。从 SSR 到 SSGSSR 这套技术栈相信很多人应该都非常熟悉了（如果你不熟悉的话可以先阅读相关文章），React/Vue/Angular 等等都从框架层面直接提供了支持，例如在 React 中你可以这样使用：import React from 'react'

import ReactDOMServer from 'react-dom/server'

const html = ReactDOMServer.render(

Hello, world!

)复制SSR 最早是为了解决单页应用（SPA）产生的 SEO、首屏渲染时间等问题而诞生的，在服务端直接实时同构渲染用户看到的页面，能最大程度上提高用户的体验，流程类似下面：但 SSR 引入了另一个问题，既然要做服务端渲染，就必然需要一个实时在线的后台服务（通常是基于 Node.js 的服务）用来承载页面请求，那么：1、需要服务器的计算资源和公网流量来部署这套服务，并且消耗的资源与页面的访问量成正相关，当页面的访问量突增时，渲染服务也需要进行扩容；2、服务端只能部署在有限的几个地域，对于距离服务端较远的用户而言，加载速度跟静态资源的 CDN 相比，慢了一个数量级（通常是 1-5ms VS 50-100+ms）；3、日常也存在传统服务端同样的运维、监控告警等方面的负担，团队需要额外的人力来开发和维护。有没有办法解决这些问题呢？我们重新对 SSR 进行审视，服务端渲染出的页面，逻辑上讲可以分成下面两大块：1、变化不频繁，甚至不会变化的内容：例如文章、排行榜、商品信息、推荐列表等等，这些数据非常适合缓存；2、变化比较频繁，或者千人千面的内容：例如用户头像、Timeline、登录状态、实时评论等。例如，在一篇文章的页面中，文章的主题内容是偏向于静态的，很少有改动，那么每次用户的页面请求，都通过服务端来渲染就变得非常不值得，因为每次服务端渲染出来大部分内容都是一样的！我们完全可以将文章的页面渲染为静态页面，至于页面内那些动态的内容（用户头像、评论框等），就通过 HTTP API 的形式进行浏览器端渲染（CSR）：这样做有很多好处：1、由于文章内容已经被静态化了，所以它是 SEO 友好的，能被搜索引擎轻松爬取；2、大大减轻了服务端渲染的资源负担，不需要额外做一套 Node.js 服务；3、用户始终通过 CDN 加载页面核心内容，CDN 的边缘节点有缓存，速度极快；4、通过 HTTP API + CSR，页面内次要的动态内容也可以被很好地渲染；5、数据有变化时，重新触发一次网站的异步渲染，然后推送新的内容到 CDN 即可。6、由于每次都是全站渲染，所以网站的版本可以很好的与 Git 的版本对应上，甚至可以做到原子化发布和回滚。这便是 Gatsby.js、Next.js 这样的网站生成器解决的问题，他们属于 React/Vue 更上一层的框架（Meta Framework），通过 SSR 把动态化的 Web 应用渲染为多个静态页面，并且对高度动态的内容也保留了 CSR 的能力。从 SSG 到 ISR/DPR细心的同学一定发现了 SSG 这样的模式，看似美好，但存在一个瑕疵：对于只有几十个页面的个人博客、小型文档站而言，数据有变化时，跑一次全页面渲染的消耗是可以接受的。但对于百万级、千万级、亿级页面的大型网站而言，一旦有数据改动，要进行一次全部页面的渲染，需要的时间可能是按小时甚至按天计的，这是不可接受的。为了解决这个问题，各种框架和静态网站托管平台都提供了不同的方案，这里我们介绍 ISR 和 DPR 两种。ISR：Incremental Site Rendering既然全量预渲染整个网站是不现实的，那么我们可以做一个切分：1、关键性的页面（如网站首页、热点数据等）预渲染为静态页面，缓存至 CDN，保证最佳的访问性能；2、非关键性的页面（如流量很少的老旧内容）先响应 fallback 内容，然后浏览器渲染（CSR）为实际数据；同时对页面进行异步预渲染，之后缓存至 CDN，提升后续用户访问的性能。页面的更新遵循 stale-while-revalidate 的逻辑，即始终返回 CDN 的缓存数据（无论是否过期）；如果数据已经过期，那么触发异步的预渲染，异步更新 CDN 的缓存。这就是增量式更新（ISR）的概念，这个概念最早由 Next.js 在 9.5 版本中提出，下面是一个小 Demo：Static Reactions Demo：https://reactions-demo.vercel.app/在 Next.js 中，你可以使用 getStaticPaths() 来定义哪些路径需要预渲染，通过 getStaticProps() 来获取预渲染需要的数据：// 定义哪些页面需要预渲染

export async function getStaticPaths() {

return {

// 只有 /posts/1 和 /posts/2 会被预渲染

paths: [{ params: { id: '1' } }, { params: { id: '2' } }],

// 其它页面，如 /posts/3，都会返回 fallback 页面，然后 CSR

fallback: true,

}

// 定义预渲染需要的数据

export async function getStaticProps({ params }) {

// 拉取对应的文章内容

const res = await fetch(`https://.../posts/${params.id}`)

const post = await res.json()

return {

props: { post },

revalidate: 60 // 数据有效期为 60 秒

}

}复制但 ISR 存在部分缺陷：1、对于没有预渲染的页面，用户首次访问将会看到一个 fallback 页面，此时服务端才开始渲染页面，直到渲染完毕。这就导致用户体验上的不一致。2、对于已经被预渲染的页面，用户直接从 CDN 加载，但这些页面可能是已经过期的，甚至过期很久的，只有在用户刷新一次，第二次访问之后，才能看到新的数据。对于电商这样的场景而言，是不可接受的（比如商品已经卖完了，但用户看到的过期数据上显示还有）。具体关于 ISR 的利弊，可以进一步看 Netlify 的这篇文章：

Incremental Static Regeneration: Its Benefits and Its Flaws：

https://www.netlify.com/blog/2021/03/08/incremental-static-regeneration-its-benefits-and-its-flaws/DPR：Distributed Persistent Rendering为了解决 ISR 的一系列问题，Netlify 在前段时间发起了一个新的提案：Distributed Persistent Rendering (DPR)

https://github.com/jamstack/jamstack.org/discussions/549

DPR 本质上讲，是对 ISR 的模型做了几处改动，并且搭配上 CDN 的能力：1、去除了 fallback 行为，而是直接用 On-demand Builder（按需构建器）来响应未经过预渲染的页面，然后将结果缓存至 CDN；2、数据页面过期时，不再响应过期的缓存页面，而是 CDN 回源到 Builder 上，渲染出最新的数据；3、每次发布新版本时，自动清除 CDN 的缓存数据。在 Netlify 平台上，你可以像这样定义一个 Builder，用于预渲染或者实时渲染。这个 Builder 将会以 Serverless 云函数的方式在平台上运行：const { builder } = require("@netlify/functions")

async function handler(event, context) {

return {

statusCode: 200,

headers: {

"Content-Type": "text/html",

body: `

Hello World

};

}

exports.handler = builder(handler);复制更多详细信息可以参考文档：https://docs.netlify.com/configure-builds/on-demand-builders/当然 DPR 还在很初期的阶段，就目前的讨论来看，依然有一些问题：新页面的访问可能会触发 On-demand Builder 同步渲染，导致当次请求的响应时间比较长；比较难防御 DoS 攻击，因为攻击者可能会大量访问新页面，导致 Builder 被大量并行地运行，这里需要平台方实现 Builder 的归一化和串行运行。总结Jamstack 这套技术栈在国外的流行，很大程度上得益于近年来相关云服务和云平台的成熟：新一代的 CDN 技术，包括更高级、更精细的缓存控制能力；Serverless形态的计算服务（如云开发CloudBase提供的云函数与云托管功能），让 SSR 和 SSG 免于服务器运维的苦恼，开发者只需要重点关注前台逻辑；越来越丰富的 BaaS 提供方，提供了包括数据存储、鉴权、电商、CMS、音视频、AI 等等“中台化”的能力，开发者只需要组合这些 BaaS 服务，专注于自身的业务逻辑即可。Jamstack 非常适合以呈现内容为主的网站，如文档、博客、电商网站、论坛、官网等等，所以更多地应该将它视为“建站技术”，是目前诸多建站技术栈（LAMP、MEAN等等）的一个新生替代品。极低的运维成本、Serverless、快速、安全、且不损失网站的动态性，是它的核心优势。当然它本身并不是完美的，SSG、ISR、DPR 这些解决方案，都或多或少有一些瑕疵和问题，它们本质上就是在平衡动态性、渲染性能、缓存性能这三个矛盾点，依然需要继续探索和演进下去。另外，除了上文提到的 Netlify 和 Vercel 这两家小而美的平台以外，国外的几家大型云厂商（GCP、AWS、Azure）也提供了类似的产品，向 Web 前端开发者提供对 Jamsatck 等新生代技术栈的支持：Firebase HostingAzure Static Web AppsAWS Amplify国内市场上，这块产品目前还处于缺位的状态，虽然底层的 IaaS 能力（对象存储、CDN、Serverless、网关等等）都趋近于完善，但还缺少能够把这些能力组合封装起来的一层，前段时间我也表达过类似的想法：“经常看到有人讨论为啥国内没有netlify、vercel这样的web托管产品，其实在国内要做个类似的东西还真没那么容易，起码要打通 CDN、对象存储、Serverless、API网关，正式产品化的话还要考虑计费、安全、用户隔离等等，能完整提供这套基建的国内厂商就AT两家，并且边边角角上还缺了挺多能力的。”当然除了技术层面的原因外，国内外的市场、网络环境、技术生态都是完全不同的，仅仅是 “Copy to China” 的方式很可能会导致产品水土不服，不过这就超出本文的范畴了，可以后续安排一篇文章详细聊聊。本文参与腾讯云自媒体分享计划，分享自微信公众号。原始发表：2021-04-28，如有侵权请联系 cloudcommunity@tencent.com 删除cdn渲染缓存serverless编程算法本文分享自腾讯云开发CloudBase 微信公众号，前往查看如有侵权，请联系 cloudcommunity@tencent.com 删除。本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！cdn渲染缓存serverless编程算法评论登录后参与评论0 条评论热度最新登录后参与评论推荐阅读LV.关注文章0获赞0目录从 SSR 到 SSG从 SSG 到 ISR/DPRISR：Incremental Site RenderingDPR：Distributed Persistent Rendering总结相关产品与服务内容分发网络 CDN内容分发网络（Content Delivery Network，CDN）通过将站点内容发布至遍布全球的海量加速节点，使其用户可就近获取所需内容，避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题，有效提升下载速度、降低响应时间，提供流畅的用户体验。免费体验产品介绍产品文档CDN 境内流量包 1元起，更有新老同享套餐包0.09元/GB起，立即选购

领券社区专栏文章阅读清单互动问答技术沙龙技术视频团队主页腾讯云TI平台活动自媒体分享计划邀请作者入驻自荐上首页技术竞赛资源技术周刊社区标签开发者手册开发者实验室关于社区规范免责声明联系我们友情链接腾讯云开发者扫码关注腾讯云开发者领取腾讯云代金券热门产品域名注册云服务器区块链服务消息队列网络加速云数据库域名解析云存储视频直播热门推荐人脸识别腾讯会议企业云CDN加速视频通话图像分析MySQL 数据库SSL 证书语音识别更多推荐数据安全负载均衡短信文字识别云点播商标注册小程序开发网站监控数据迁移Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云版权所有深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569腾讯云计算（北京）有限责任公司京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档Copyright © 2013 - 2024 Tencent Cloud.All Rights Reserved. 腾讯云版权所有登录后参与评论00

믿고 사는 즐거움 SSG.COM

스킵 네비게이션

카테고리 메뉴 바로가기

본문바로가기

접근성 FAQ 바로가기

신세계 유니버스 클럽! 신세계 그룹사 5% 할인 + 최대 11만원 혜택

배너 닫기

해당 브라우저 이용 시 일부 서비스 이용이 제한됩니다. 안정적인 서비스 이용을 위해 최신 브라우저로 업데이트 하세요.

Microsoft Edge 열기

오늘 하루 열지 않음

B2E 제휴 고객사 및 신세계 그룹 임직원에게는 신세계몰과 이마트몰의 상시 할인 혜택이 적용되고 있습니다. B2E 회원은 제휴 채널 혜택이 중복 적용되지 않습니다. 특정 제휴 채널을 통한 SSG.COM 방문 시 제휴채널 헤택이 중복 적용되지 않음을 양해하여 주시기 바랍니다.

오늘 하루 이창을 열지않음

안내 레이어 닫기

믿고 사는 즐거움

SSG.COM

메뉴 열기

SSG.COM

이마트몰

신세계몰

신세계백화점

검색

최근검색어

검색어 전체 삭제

최근검색어가 없습니다

츄파춥스

-변동없음

메종마르지엘라

상승

보스턴백

상승

스케쳐스 남성

상승

다이어트

상승

바나나우유

상승

참외

상승

향수

상승

케네스레이디

-변동없음

10.

레페토

상승

급상승 검색어

1~10위

11~20위

츄파춥스

-변동없음

메종마르지엘라

상승

보스턴백

상승

스케쳐스 남성

상승

다이어트

상승

바나나우유

상승

참외

상승

향수

상승

케네스레이디

-변동없음

10.

레페토

상승

11.

구두

상승

12.

한우

상승

13.

런닝화

상승

14.

여성로퍼

상승

15.

야쿠르트

상승

16.

스카프

상승

17.

리틀그라운드

상승

18.

레몬즙

상승

19.

로우로우

-변동없음

20.

버버리

상승

2024-03-07 22:00 기준

이마트몰

신세계몰

신세계백화점

신세계브랜드

신세계브랜드 더보기

믿고 사는 즐거움

까사미아

프리미엄아울렛

신세계라이브쇼핑

시코르

스타벅스

스타필드

S.I.VILLAGE

로그인

회원가입

로그아웃

고객센터

MY SSG

주문배송조회

장바구니에 담긴 상품 수

최근본 상품

최근본

전체삭제

최근 본 상품 닫기

로딩중

최근본내역이 없습니다

통합 카테고리 보기

카테고리

패션의류

패션잡화

명품

뷰티

스포츠/레저

생활/주방

가구/인테리어

유아동

디지털/렌탈

여행/e쿠폰/문구/도서

신선식품

가공/건강식품

반려동물

SSG.COM Biz

NEW

선물하기

이벤트

공식스토어

특가

베스트

24 S/S COLLECTION 패션명품 쓱세일

~15만원 할인쿠폰 & 청구할인 혜택

이달의 미식 delight

이제 푸드도 스타일링 받으세요

누구나! 즉시 사용 가능한 '미식 MONEY' 쏩니다

선착순 100%당첨! ~1만원!

비카인드 온라인 맛보기 찬스

새벽배송 이용 시 견과류바 선착순 증정

유니버스클럽 오늘만 장보기 쿠폰

전회원 3천원 쿠폰 & 웰컴백 4천원 쿠폰

LOOK UP #10 아웃도어의 재해석

CP COMPANY, SALOMON, KEEN

상품권보다 더 편리한 SSG상품권

구매부터 충전, 사용까지 모바일로 한번에!

금주의 전단광고 삼겹살 연합작전

~40% 할인 3.1(금)~3.7(목)

3월 가격 파격 선언

이마트의 물가는 거꾸로 간다

클럽 신규 고객님 환영합니다!

1만원 할인 & 무료배송 혜택 받으세요

봄이 오나 봄 신세계 패션 뷰티 위크

24 S/S 메이크업 & 신백 선물하고 경품 응모

브랜드 스포트라이트 플라스틱아일랜드

~20% 할인 & 에코백 선착순 증정

뷰티풀 라운지 시코르위크

~15% 쿠폰 혜택 & 단독구성까지

신세계백화점 반품비용 완전 무료!

유니버스 클럽 고객님, 걱정없이 쇼핑 하세요

SSG.COM Biz 오픈 최대 9.5만원의 쿠폰 혜택

쓱닷컴에서도 사업자혜택을 만나실 수 있습니다.

자주 찾게 될 자주 블라썸관 오픈

~60% 할인 & 스토어찜 5%

온앤온 3/7(목) 오후 12시

트렌치코트/트위드자켓 핫딜 69천원~

신세계 프리미엄 아울렛 3/7(목) 오후 8시

보테가, 몽클레어 등 창고개방 ~76% 할인

고민하는 순간 품절 럭셔리 할인 대축제

프라다, 생로랑 등 ~32% 할인

온앤온 & 조이그라이슨 패밀리세일

단 일주일! ~78% 할인

24 S/S 컬렉션 구찌

SSG에서 특별한 혜택과 함께 만나보세요

구매왕 이벤트 오타니 X 데코르테

오타니 쇼헤이 출전 MLB 개막전 경기 티켓 증정

바이레도 모하비 고스트 뮤지업 팝업

전 품목 10% 할인 혜택

코카-콜라 제로 한류 한류팬을 위한 한정판

인기가요 티켓 추첨 혜택

몽블랑 명품 SSG 세일

단독 신상품 & 혜택

최대 6.5만원 혜택

유니버스 클럽 가입시 연회비 3만원 할인쿠폰

강력한 혜택 SSG.COM 삼성카드

SSG MONEY 최대 10% 적립 + 매월 3,900원 추가혜택

1월 맘키즈 플러스

~50% 할인 혜택

쓱세일 슈즈 페스티벌

인기 브랜드 역대급 세일!

봄나들이 완구 특가전

킥보드/자전거/전동차/비눗방울 등 인기 승용완구

캐주얼 연합 쓱세일

마시모두띠, 세인트제임스 외 최대 혜택전

블루독패밀리 24SS 봄 컬렉션

신학기 스쿨룩 BEST+브랜드별 쿠폰혜택

시계/쥬얼리/순금 쓱세일

스톤헨지 등 신상&베스트 ~70%

르꼬끄 2024 NEW 스타일링

20% 추가할인 혜택

봄맞이 침구교체찬스

S/S 침구신상 런칭, 차렵이불 특가전

한정판 세라믹핑크 에어랩

올 봄 가장 받고 싶은 선물

르쿠르제 단독특가

유럽 프리미엄 주방 브랜드 르크루제 ~20%

삼삼데이

국내산 냉장 삼겹살,목심,쌈채소 등 ~50%

쓱배송으로 준비 얼리버드화이트데이

인기초콜렛/캔디/젤리 ~1+1 &각 브랜드별 릴레이할인

우리 아기 필수템 기저귀, 물티슈

하기스 기저귀 1+1

고단백저당도시락으로 식단관리!

2개 구매시 각 2천원 할인

이마트와 SSG가 추천하는 계란 페스티벌

30구 대란 파격 행사 등

화이트데이 GIFT

취향저격 달달한 화이트데이 선물

이전 배너 보기

현재 배너

전체 배너

다음 배너 보기

배너 자동재생 하기

배너 자동재생 멈추기

24 SPRING COLLECTION, 패션명품쓱세일

쿠폰포함15%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000581034262&siteNo=6004&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000581034262","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6004","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

타미진스

[공식][타미진스] 클레어 크롭 지퍼 재킷 (T32E1NJC30TWT11A5)

할인적용가

236,300

원

(￦236,300)

판매가

278,000

원

가격 상세보기

판매가

278,000

쿠폰41,700원

최적가

236,300

SSG MONEY 3% 적립

세일20%

사은품

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000576077940&siteNo=6009&salestrNo=1004","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"21","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000576077940","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6009","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"1004","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

신세계백화점

KWP24152 [TV 광고/수지 착장] 여성 봄 바람막이 플라이슈트(FLYSUIT) WONDER W (3355)

할인적용가

191,200

원

(￦191,200)

판매가

239,000

원

가격 상세보기

판매가

239,000

세일가

191,200

매장픽업 가능점포

쿠폰포함5%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000575956204&siteNo=6009&salestrNo=1017","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"21","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000575956204","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6009","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"1017","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

신세계백화점

지오다노

여성 NEW 한소희 포플린 셔츠 344501

할인적용가

35,920

원

(￦35,920)

판매가

37,810

원

가격 상세보기

판매가

37,810

쿠폰1,890원

최적가

35,920

별점 5점

(4개)

매장픽업 가능점포

쿠폰포함35%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000570704052&siteNo=6004&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000570704052","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6004","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

이자벨마랑

[해외배송] 이자벨마랑에뜨왈 모비 맨투맨 SW0003FA-A1M07EMOBY23EC

할인적용가

339,904

원

(￦339,904)

판매가

530,000

원

가격 상세보기

판매가

530,000

세일가

377,000

쿠폰7,540원

SSG MONEY 할인쿠폰29,556원

최적가

339,904

무료배송

쿠폰포함7%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000566504046&siteNo=6004&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000566504046","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6004","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

뉴발란스

(정품) 530 남여공용 운동화 빈티지그레이 MR530TG

할인적용가

146,940

원

(￦146,940)

판매가

158,000

원

가격 상세보기

판매가

158,000

SSG MONEY 할인쿠폰11,060원

최적가

146,940

별점 4.75점

(55개)

오늘출발 ~12:00 주문시

12:00 까지 주문시 오늘 배송 출발(주말,법정 공휴일 및 업체 휴무일 제외)

무료배송

쿠폰포함20%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000181034517&siteNo=6004&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000181034517","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6004","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

BABARA

[SSG단독]세븐플로어 큐빅포인트 메리제인 3cm_SFE541

할인적용가

55,200

원

(￦55,200)

판매가

69,000

원

가격 상세보기

판매가

69,000

쿠폰13,800원

최적가

55,200

별점 4.74점

(27개)

무료배송

이벤트 전체보기

믿고 사는 즐거움

까사미아

STARBUCKS

CHICOR

신세계라이브쇼핑

S.I.VILLAGE

프리미엄아울렛

스타필드

오직 당신의 집을 생각하는

신세계까사의 리빙 & 라이프스타일 브랜드

까사미아

바로가기

쿠폰포함25%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000398853309&siteNo=7011&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"14","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000398853309","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7011","useForcedSsg":"N","cartPsblType":"","uitemId":"00001","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":""}

관심상품 취소

관심상품 등록

까사미아

세르비 침대Q (마테라소 럭스 우노)

할인적용가

2,505,000

원

(￦2,505,000)

판매가

3,340,000

원

가격 상세보기

판매가

3,340,000

쿠폰835,000원

최적가

2,505,000

무료배송

쿠폰포함5%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000036037671&siteNo=7011&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"14","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000036037671","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7011","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":""}

관심상품 취소

관심상품 등록

까사미아

캄포 클래식 4인 카우치소파 IV

할인적용가

4,303,500

원

(￦4,303,500)

판매가

4,530,000

원

가격 상세보기

판매가

4,530,000

쿠폰226,500원

최적가

4,303,500

별점 5점

(13개)

무료배송

#모던

#혼수

쿠폰포함5%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000026006094&siteNo=7011&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"14","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000026006094","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7011","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":""}

관심상품 취소

관심상품 등록

까사미아

폴린)체어BR

할인적용가

133,000

원

(￦133,000)

판매가

140,000

원

가격 상세보기

판매가

140,000

쿠폰7,000원

최적가

133,000

별점 4점

(9개)

무료배송

#이사

#집꾸미기

쿠폰포함10%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000578851976&siteNo=7011&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"14","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000578851976","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7011","useForcedSsg":"N","cartPsblType":"","uitemId":"00001","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":""}

관심상품 취소

관심상품 등록

까사미아

[S머니5%추가][비밀혜택가]보테 세라믹 원형식탁 4인세트 1100 브라운_올비아체어4EA

할인적용가

2,493,000

원

(￦2,493,000)

판매가

2,770,000

원

가격 상세보기

판매가

2,770,000

쿠폰277,000원

최적가

2,493,000

무료배송

SSG MONEY 5% 적립

쿠폰포함19%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000205039379&siteNo=7011&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"14","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000205039379","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7011","useForcedSsg":"N","cartPsblType":"","uitemId":"00001","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":""}

관심상품 취소

관심상품 등록

까사미아

[made by GUUD] 일상고백 클라로 서랍형옷장

할인적용가

112,590

원

(￦112,590)

판매가

139,000

원

가격 상세보기

판매가

139,000

쿠폰26,410원

최적가

112,590

별점 4.5점

(10개)

쿠폰포함48%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000267300169&siteNo=7011&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"14","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000267300169","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7011","useForcedSsg":"N","cartPsblType":"","uitemId":"00001","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":""}

관심상품 취소

관심상품 등록

까사미아

[made by GUUD] 일상고백 히치 세라믹식탁 6인세트 B형(원목의자 6EA)

할인적용가

609,960

원

(￦609,960)

판매가

1,173,000

원

가격 상세보기

판매가

1,173,000

쿠폰563,040원

최적가

609,960

별점 5점

(2개)

까사미아 바로가기

일상에 특별함을 더해주는

스타벅스 상품들을 만나보세요

STARBUCKS

바로가기

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000576805201&siteNo=7015&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000576805201","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7015","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":""}

관심상품 취소

관심상품 등록

스타벅스

[스타벅스] 사이렌 하우스 머그 473ml

할인적용가

20,000

원

(￦20,000)

별점 4.5점

(2개)

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000576803727&siteNo=7015&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000576803727","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7015","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":""}

관심상품 취소

관심상품 등록

스타벅스

[스타벅스] 사이렌 하우스 머그 355ml

할인적용가

19,000

원

(￦19,000)

별점 4.5점

(2개)

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000576802730&siteNo=7015&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000576802730","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7015","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":""}

관심상품 취소

관심상품 등록

스타벅스

[스타벅스] 사이렌 하우스 머그 237ml

할인적용가

18,000

원

(￦18,000)

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000573643682&siteNo=7015&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000573643682","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7015","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":""}

관심상품 취소

관심상품 등록

스타벅스

[스타벅스] 청룡 글라스 세트(2p)

할인적용가

25,000

원

(￦25,000)

별점 5점

(3개)

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000570092399&siteNo=7015&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000570092399","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7015","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":""}

관심상품 취소

관심상품 등록

스타벅스

[스타벅스] 버라이어티 리유저블 컵세트 473ml (6P)

할인적용가

35,000

원

(￦35,000)

별점 1점

(1개)

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000570092195&siteNo=7015&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000570092195","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7015","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":""}

관심상품 취소

관심상품 등록

스타벅스

[스타벅스] SS 크리스마스 클래식 켄처 텀블러 591ml

할인적용가

41,000

원

(￦41,000)

별점 4점

(4개)

STARBUCKS 바로가기

신세계백화점이 감각적인 안목으로 엄선한

뷰티 컬렉션이 있는 뷰티 스페셜티 스토어

CHICOR

바로가기

쿠폰포함10%

사은품

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000581663515&siteNo=7012&salestrNo=1020","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"21","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000581663515","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7012","useForcedSsg":"N","cartPsblType":"frebie","uitemId":"00000","infloSiteNo":"6005","salestrNo":"1020","msgItemDetail":"이 상품은 사은품이 있는 상품 입니다.\n상품상세에서 사은품을 선택해주세요."}

관심상품 취소

관심상품 등록

CHICOR

케라스타즈

[SSG상품권 1만원] 시몽 테르미크 150ml 듀오 세트 [No.1 헤어에센스-손상모발용]

할인적용가

108,000

원

(￦108,000)

판매가

120,000

원

가격 상세보기

판매가

120,000

쿠폰12,000원

최적가

108,000

별점 3점

(1개)

쿠폰포함15%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000264732370&siteNo=7012&salestrNo=1004","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000264732370","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7012","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"1004","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

CHICOR

정샘물

에센셜 스킨 누더 쿠션(리필 포함)(핑크퍼프2개입+앰플선5ml)

할인적용가

38,250

원

(￦38,250)

판매가

45,000

원

가격 상세보기

판매가

45,000

쿠폰6,750원

최적가

38,250

별점 4.8점

(297개)

쿠폰포함10%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000026532717&siteNo=7012&salestrNo=1020","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"21","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000026532717","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7012","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"1020","msgItemDetail":""}

관심상품 취소

관심상품 등록

CHICOR

케라스타즈

[3월] 시몽 테르미크 150ml 세트 [No.1 헤어에센스-손상모발용]

할인적용가

54,000

원

(￦54,000)

판매가

60,000

원

가격 상세보기

판매가

60,000

쿠폰6,000원

최적가

54,000

별점 4.84점

(1,505개)

#윤기부여

#영양공급

쿠폰포함10%

사은품

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000581660750&siteNo=7012&salestrNo=1020","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"21","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000581660750","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7012","useForcedSsg":"N","cartPsblType":"frebie","uitemId":"00000","infloSiteNo":"6005","salestrNo":"1020","msgItemDetail":"이 상품은 사은품이 있는 상품 입니다.\n상품상세에서 사은품을 선택해주세요."}

관심상품 취소

관심상품 등록

CHICOR

케라스타즈

[SSG상품권 1만원] 방 제네시스 리치 500ml 듀오 세트 [건조 두피&가는 모발용 샴푸]

할인적용가

111,600

원

(￦111,600)

판매가

124,000

원

가격 상세보기

판매가

124,000

쿠폰12,400원

최적가

111,600

쿠폰포함10%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000566426533&siteNo=7012&salestrNo=1020","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"21","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000566426533","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7012","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"1020","msgItemDetail":""}

관심상품 취소

관심상품 등록

CHICOR

케라스타즈

[No.1 헤어오일 GIFT] 엘릭서 얼팀 기프트 세트

할인적용가

60,300

원

(￦60,300)

판매가

67,000

원

가격 상세보기

판매가

67,000

쿠폰6,700원

최적가

60,300

별점 4.88점

(40개)

쿠폰포함15%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000519534301&siteNo=7012&salestrNo=1020","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"21","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000519534301","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7012","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"1020","msgItemDetail":""}

관심상품 취소

관심상품 등록

CHICOR

케라스타즈

[3월] No.1 테라피스테 마스크 200ml 듀오 세트 [No.1 트리트먼트-초극손상 모발용]

할인적용가

124,100

원

(￦124,100)

판매가

146,000

원

가격 상세보기

판매가

146,000

쿠폰21,900원

최적가

124,100

별점 4.87점

(63개)

CHICOR 바로가기

트렌디한 쇼핑리더

신세계라이브쇼핑 대표상품 만나보기

신세계라이브쇼핑

바로가기

쿠폰포함18%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000430894284&siteNo=6200&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000430894284","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6200","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

신세계라이브쇼핑

진도 엘페 휘메일 풀스킨 롱 밍크 코트 - 실버블루, 로얄네이비, 와인(EC02)

할인적용가

1,549,800

원

(￦1,549,800)

판매가

1,890,000

원

가격 상세보기

판매가

1,890,000

쿠폰340,200원

최적가

1,549,800

별점 4.14점

(7개)

무료배송

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000526752639&siteNo=6200&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000526752639","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6200","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":""}

관심상품 취소

관심상품 등록

신세계라이브쇼핑

천하일미

[24 설] 천하일미 홍석천 이원일의 전통 갈비찜 500g x 8팩

할인적용가

89,900

원

(￦89,900)

(100g당:2,248원)

별점 4.29점

(17개)

무료배송

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"N","itemChrctDivCd":"10","itemLnkd":"/item/dealItemView.ssg?itemId=1000570412924&siteNo=6200&salestrNo=6005","giftBtnMsg":"선물하기 불가 상품 입니다.","bothSsgMorningShppYn":"N","shppTypeDtlCd":"98","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000570412924","dealItemYn":"Y","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6200","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

신세계라이브쇼핑

오반장

블루핏

24SS 에디티드/블루핏/브이컷 할인전

할인적용가

71,100

원~

(￦71,100)

별점 4.21점

(14개)

쿠폰포함10%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000564693926&siteNo=6200&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000564693926","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6200","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":""}

관심상품 취소

관심상품 등록

신세계라이브쇼핑

비에날씬

프로 BNR17 다이어트 유산균 비에날씬 프로 3박스

할인적용가

178,200

원

(￦178,200)

판매가

198,000

원

가격 상세보기

판매가

198,000

SSG MONEY 할인쿠폰19,800원

최적가

178,200

별점 4.74점

(23개)

무료배송

쿠폰포함10%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000573012468&siteNo=6200&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000573012468","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6200","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

신세계라이브쇼핑

블루핏

[24SS] 블루핏 NEW 스트레이트핏 데님 3종

할인적용가

80,910

원

(￦80,910)

판매가

89,900

원

가격 상세보기

판매가

89,900

쿠폰8,990원

최적가

80,910

별점 1점

(1개)

무료배송

쿠폰포함18%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000578468043&siteNo=6200&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000578468043","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6200","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

신세계라이브쇼핑

아디다스 남성 뉴 하이드로 3.0 퍼포먼스 트랙수트 3종

할인적용가

122,180

원

(￦122,180)

판매가

149,000

원

가격 상세보기

판매가

149,000

쿠폰26,820원

최적가

122,180

별점 4.89점

(9개)

무료배송

신세계라이브쇼핑 바로가기

신세계인터내셔날의 공식 온라인 쇼핑 스토어

S.I.VILLAGE

바로가기

쿠폰포함20%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000563057849&siteNo=6300&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000563057849","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6300","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

S.I.VILLAGE

JAJU

여 클라우드 다운필 배색 숏 점퍼 J103401007056

최초출시가 79,900원

할인적용가

39,900

원

(￦39,900)

판매가

49,900

원

가격 상세보기

판매가

49,900

쿠폰10,000원

최적가

39,900

별점 4.64점

(11개)

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"G","itemChrctDivCd":"10","itemLnkd":"/item/dealItemView.ssg?itemId=1000025772904&siteNo=6300&salestrNo=6005","giftBtnMsg":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요.","bothSsgMorningShppYn":"N","shppTypeDtlCd":"98","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000025772904","dealItemYn":"Y","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6300","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

S.I.VILLAGE

VOV

스페셜 스프링위크! with SSG ~25%

할인적용가

195,980

원~

(￦195,980)

별점 4.92점

(13개)

11개 구매중

쿠폰포함20%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000563057845&siteNo=6300&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000563057845","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6300","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

S.I.VILLAGE

JAJU

여 다운필 루즈핏 퀼팅 점퍼 J103401008006

최초출시가 89,900원

할인적용가

39,900

원

(￦39,900)

판매가

49,900

원

가격 상세보기

판매가

49,900

쿠폰10,000원

최적가

39,900

별점 4.57점

(7개)

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000522772419&siteNo=6300&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000522772419","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6300","useForcedSsg":"N","cartPsblType":"","uitemId":"00001","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":""}

관심상품 취소

관심상품 등록

S.I.VILLAGE

STUDIO TOMBOY

라인 카라티셔츠 9102422823012

최초출시가 159,000원

할인적용가

39,000

원

(￦39,000)

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000553890724&siteNo=6300&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000553890724","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6300","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

S.I.VILLAGE

JAJU

여 경량 다운필 점퍼 J103401001006

최초출시가 59,900원

할인적용가

39,900

원

(￦39,900)

별점 4.61점

(18개)

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000553890795&siteNo=6300&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000553890795","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6300","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

S.I.VILLAGE

JAJU

여 자주롭다 피치스킨 9부 파자마 세트 J213401001064

최초출시가 49,900원

할인적용가

39,900

원

(￦39,900)

별점 4.81점

(27개)

S.I.VILLAGE 바로가기

SSG에서 만나는

프리미엄 아울렛 득템의 신세계

프리미엄아울렛

바로가기

세일10%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000517955884&siteNo=7008&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000517955884","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7008","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

프리미엄 아울렛

로우로우

STRING BACKPACK 750 ep.2 백팩 (RBP7573)

할인적용가

89,100

원

(￦89,100)

판매가

99,000

원

가격 상세보기

판매가

99,000

세일가

89,100

별점 4.72점

(43개)

무료배송

#신학기

세일5%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000519445305&siteNo=7008&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000519445305","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7008","useForcedSsg":"N","cartPsblType":"","uitemId":"00001","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":""}

관심상품 취소

관심상품 등록

프리미엄 아울렛

로우로우

STRING CROSS 750 ep.2 크로스백 (RCR7573BKZF)

할인적용가

56,050

원

(￦56,050)

판매가

59,000

원

가격 상세보기

판매가

59,000

세일가

56,050

별점 4.67점

(15개)

무료배송

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000574544856&siteNo=7008&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000574544856","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7008","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

프리미엄 아울렛

내셔널지오그래픽

[시흥점] N231UDW020 남여공용 베리 노카라 경량다운 JP

할인적용가

127,200

원

(￦127,200)

무료배송

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"N","itemChrctDivCd":"10","itemLnkd":"/item/dealItemView.ssg?itemId=1000041850211&siteNo=7008&salestrNo=6005","giftBtnMsg":"선물하기 불가 상품 입니다.","bothSsgMorningShppYn":"N","shppTypeDtlCd":"98","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000041850211","dealItemYn":"Y","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7008","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

프리미엄 아울렛

온앤온

*SSG세일* 봄 맞이 특가 ~70% 할인

할인적용가

139,000

원~

(￦139,000)

별점 5점

(1개)

49개 구매중

세일61%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000565628895&siteNo=7008&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000565628895","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7008","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

프리미엄 아울렛

반스

[시흥점] 남여공용 스니커즈 클래식 슬립온 린넨 (블랙) (VN0A7Q5DBMA)

할인적용가

29,000

원

(￦29,000)

판매가

75,000

원

가격 상세보기

판매가

75,000

세일가

29,000

별점 5점

(2개)

세일60%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000549747493&siteNo=7008&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000549747493","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"7008","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

프리미엄 아울렛

라코스테

[시흥점] 여성 트렌치 코트 BF0581-52G

할인적용가

199,600

원

(￦199,600)

판매가

499,000

원

가격 상세보기

판매가

499,000

세일가

199,600

별점 5점

(2개)

프리미엄아울렛 바로가기

대한민국 첫 번째 쇼핑 테마파크

스타필드를 ssg에서 만나보세요

스타필드

바로가기

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"N","itemChrctDivCd":"10","itemLnkd":"/item/dealItemView.ssg?itemId=1000577929890&siteNo=6004&salestrNo=6005","giftBtnMsg":"선물하기 불가 상품 입니다.","bothSsgMorningShppYn":"N","shppTypeDtlCd":"98","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000577929890","dealItemYn":"Y","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6004","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

로엠

[스타필드 고양 로엠] 겨울 클리어런스 UPTO 50%

할인적용가

111,300

원~

(￦111,300)

별점 4.67점

(3개)

쿠폰포함5%

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000557248440&siteNo=6004&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000557248440","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6004","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

세인트제임스

[플랫폼 플레이스][세인트제임스][BON BON STRIPE ELBOW PATCHES]ASJU233KR74-OTM_SC

할인적용가

169,100

원

(￦169,100)

판매가

178,000

원

가격 상세보기

판매가

178,000

SSG MONEY 할인쿠폰8,900원

최적가

169,100

별점 4.5점

(4개)

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000579522498&siteNo=6004&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000579522498","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6004","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

럭키슈에뜨

사은품증정 [스타필드 코엑스] 럭키슈에뜨 레이어드 롱 원피스 (LQDAM24600BKX)

할인적용가

278,600

원

(￦278,600)

별점 5점

(1개)

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000577244483&siteNo=6004&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000577244483","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6004","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

WONDERBRA

스타필드하남 원더브라 기본푸쉬업 브라 2종 중 택1 (BR0i01A BE/BK

할인적용가

15,000

원

(￦15,000)

별점 5점

(2개)

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000577228861&siteNo=6004&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000577228861","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6004","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

WONDERBRA

스타필드하남 원더브라 노와이어 하이커버리지 브라팬티세트(BR1i01T/PT1i01T/BK)

할인적용가

19,000

원

(￦19,000)

별점 5점

(2개)

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":null,"giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000577228859&siteNo=6004&salestrNo=6005","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"22","goItemDetailYn":"Y","drctPurchYn":"N","itemId":"1000577228859","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6004","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"6005","msgItemDetail":"이 상품은 옵션이 있는 상품 입니다.\n상품상세에서 옵션을 선택해주세요."}

관심상품 취소

관심상품 등록

WONDERBRA

스타필드하남 원더브라 노와이어 하이커버리지 브라팬티세트(BR1i01T/PT1i01T/BE)

할인적용가

19,000

원

(￦19,000)

별점 4.5점

(2개)

스타필드 바로가기

자주구매

이벤트

베스트

선물하기

라이프매거진

W컨셉

프리미엄식품관

여행

건강식품

뷰티

유아동

반려동물

내일 한번에! 쓱1DAY배송

쓱1DAY배송

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":"70","giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=2097001787724&siteNo=6001&salestrNo=2569","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"18","goItemDetailYn":"N","drctPurchYn":"N","itemId":"2097001787724","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6001","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"2569","msgItemDetail":""}

관심상품 취소

관심상품 등록

이마트

농심

먹태깡 청양마요맛 60g

할인적용가

1,360

원

(￦1,360)

별점 4.72점

(2,211개)

쿠폰포함20%

1+1

쓱1DAY배송

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":"70","giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=2097001772638&siteNo=6001&salestrNo=2569","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"18","goItemDetailYn":"N","drctPurchYn":"N","itemId":"2097001772638","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6001","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"2569","msgItemDetail":""}

관심상품 취소

관심상품 등록

이마트

아이앤어스

3챔버 고농축 캡슐세제 세탁세제 실속형 50개입 전참시 브라이언 방송 세제

할인적용가

24,320

원

(￦24,320)

판매가

30,400

원

가격 상세보기

판매가

30,400

쿠폰6,080원

최적가

24,320

별점 4.83점

(336개)

쓱1DAY배송

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":"70","giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000544937242&siteNo=6001&salestrNo=2569","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"18","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000544937242","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6001","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"2569","msgItemDetail":""}

관심상품 취소

관심상품 등록

이마트

노브랜드

3겹 화장지 33M X 30롤

할인적용가

10,580

원

(￦10,580)

(10m당:107원)

별점 4.79점

(252개)

쓱1DAY배송

새창보기

장바구니

{"advertBidId":"","giftBtnShowType":"","bsplItemDivCd":"70","giftBtnActType":"Y","itemChrctDivCd":"10","itemLnkd":"/item/itemView.ssg?itemId=1000544936610&siteNo=6001&salestrNo=2569","giftBtnMsg":"","bothSsgMorningShppYn":"N","shppTypeDtlCd":"18","goItemDetailYn":"N","drctPurchYn":"N","itemId":"1000544936610","dealItemYn":"N","advertExtensTeryDivCd":"","cleaningLabYn":"N","siteNo":"6001","useForcedSsg":"N","cartPsblType":"","uitemId":"00000","infloSiteNo":"6005","salestrNo":"2569","msgItemDetail":""}

관심상품 취소

관심상품 등록

이마트

노브랜드

도톰한 물티슈 100매

할인적용가

980

원

(￦980)

(10매당:98원)

별점 4.77점

(722개)

매장 바로가기

인기상품 카테고리별로 만나요

패션

잡화

명품

뷰티

스포츠/레저

생활/주방

가구/인테리어

유아동

디지털/렌탈

e쿠폰/문구/도서

신선식품

가공/건강식품

오늘의 새로운 소식

#기획전

2024년도 건강하게 셀렉스

#라이프매거진

마르헨제이 24S/S NEW COLLECTION

24년 나와 함께 할 데일리백

지금 많이 검색하는 키워드

츄파춥스

메종마르지엘라

보스턴백

스케쳐스 남성

다이어트

바나나우유

참외

향수

케네스레이디

레페토

#이마트몰 점포행사

우리집 필수 계란

해피라운지

반팔세트,바람막이,책가방

3만원 이상 무료배송

할인적용가

43,392

원

#기획전

우리농산 기름세트

#이벤트

유니버스클럽 장보기 혜택

#이마트몰 점포행사

브랜드별 골라담아

오반장

밀크T 0원 무료체험

신규가입자 상품권증정

할인적용가

원

놓치면 후회하는 특가 상품

전체보기

이마트 오반장

쓱-특가

전단행사

하나 더 사은품

백화점 세일중

곧 상품이 등록될 예정입니다.

조금만 기다려주세요!

특별한 날은 SSG 선물하기와 함께해요

화이트데이

생일/축하

맛있는선물

결혼/집들이

응원/위로

뷰티

럭셔리선물

유아동

건강/회복

디지털/가전

골프/레저

모바일기프트

백화점선물

지금 인기 있는 상품이에요

전체 베스트

실시간인기

장보기 상품

백화점 상품

고객리뷰

믿고 사는 SSG 공식스토어

전체

패션

뷰티&잡화

스포츠&레저

디지털&라이프

푸드

공식스토어 전체보기

기획전 베스트

#기획전

페라가모 여성 뉴 컬렉션

#기획전

JAJU

#기획전

모두가 사랑하는

#기획전

상품권보다 더 편리한

#기획전

상품권 보다 더 편리한

#기획전

금주의 추천상품!

신세계브랜드

신세계몰

신세계백화점

이마트몰

까사미아

STARBUCKS

CHICOR

신세계라이브쇼핑

여행

S.I.VILLAGE

스타필드

프리미엄 아울렛

SSG.COM 서비스매장

오반장

쓱-특가

선물하기

베스트

신상품

이벤트&쿠폰

기획전

공식스토어

라이프매거진

BEST 공식스토어

노브랜드

피코크

GUCCI

CHANEL

BURBERRY

스타벅스

애플

룰루레몬

랄프 로렌

MASSIMO DUTTI

프리미엄아울렛

H&M

스마트 쇼핑팁

생일쿠폰

신세계포인트

신세계상품권

SSGPAY

고객센터

자주 찾는 질문

1:1 이메일상담

고객센터 메인

공지사항

UBPAY 결제서비스 종료 안내

SSG.COM 사칭 문자 주의 안내

공지사항 더보기

이전 배너 보기

배너 자동재생 하기

배너 자동재생 멈추기

다음 배너 보기

신한카드

SSGPAY

5% 청구할인

현대카드

패션명품쓱세일

8% 청구할인

이전 배너 보기

배너 자동재생 하기

배너 자동재생 멈추기

다음 배너 보기

고객센터톡

새 메세지 수

최상단으로 이동

정책 및 약관 메뉴

회사소개

개인정보처리방침

이용약관

청소년 보호방침

지식재산권센터

입점상담

광고신청

판매자서비스

판매자가입

쓱파트너스

파트너오피스

판매자광고센터

SSG.COM 광고

FAMILY SITE

신세계그룹

신세계포인트

RETAIL

신세계백화점

이마트

이마트 트레이더스

이마트 에브리데이

이마트24

신세계TV쇼핑

프리미엄 아울렛

스타필드

신세계면세점(명동)

신세계면세점(부산)

신세계인터내셔날

FOOD

신세계푸드

신세계 L&B

스타벅스커피 코리아

LEISURE

조선호텔앤리조트

INFRASTRUCTURE

신세계건설

신세계아이앤씨

(주) 에스에스지닷컴

고객센터1577-3419(Korean only)(Korean only)

전화문의 전 클릭

1:1 고객센터톡

고객센터/전자금융거래분쟁처리

대표자: 이인영

서울특별시 강남구 테헤란로 231

사업자등록번호: 870-88-01143

통신판매업 신고번호: 제2022-서울강남-03751호

개인정보보호책임자: 김우진

Fax: 02-2068-7118

ssg@ssg.com

사업자 정보확인

소비자분쟁해결기준

SSG.COM

SSG 페이스북

SSG 인스타그램

모바일 앱으로 만나세요

QR코드

SSG.COM 호스팅서비스 사업자 : (주)에스에스지닷컴

한국온라인쇼핑협회정회원사

위해상품차단시스템 운영매장

우리은행 채무지급보증 안내당사는 고객님이 현금 결제한 금액에 대해 우리은행과 채무지급보증 계약을 체결하여 안전거래를 보장하고 있습니다.

서비스 가입사실 확인

㈜에스에스지닷컴은 SSG.COM 실시간 항공권 서비스의 통신판매중개자로서 거래 당사자가 아니며, 입점 판매사가 등록한 상품 정보 및 거래에 대해 책임을 지지 않습니다.

모바일 버전으로 가기

브랜드관 좋아요

브랜드관 좋아요 쿠폰이 발급되었습니다.

발급된 쿠폰은 MY SSG > 쿠폰함에서 확인하실 수 있습니다.

닫기

팝업 닫기

품절일 때 대신 구매하면 좋은 상품을 모았어요!

The product is currently sold out! You might also like

收集了断货时购买的话很好的商品!

닫기

SSG 【英雄联盟】 - 迷你百科

迷你百科

Follow

im数字钱包下载|ssg

im数字钱包下载|ssg

CSR，SSR和SSG是什么，有什么优缺点？ - 掘金

SSG和SSR有什么区别? - 知乎

重构于 Vite：我如何做 SSG、静态资源发布以及自动化部署 - 知乎

Next.js 的三种渲染方式（BSR、SSG、SSR） - 知乎

文章列表

文章列表

你的浏览器是 {props.browser}

Samsung Galaxy（韩国电子竞技俱乐部）_百度百科

新一代Web技术栈的演进：SSR/SSG/ISR/DPR都在做什么？-腾讯云开发者社区-腾讯云

Hello, world!

믿고 사는 즐거움 SSG.COM

SSG 【英雄联盟】 - 迷你百科

最近的新闻

您可能喜欢的文章

比特派最新版本下载|soc

tokenpocketcom官网下载苹果|sta

TP钱包下架，如何处理？

使用TP钱包查看币价的方法，以及相关的关键词如

TP钱包购买数字货币后余额显示为零解决方法

TP钱包运营管理中心客服电话

未来的全球数字货币及其影响