Skip to content

Commit

Permalink
post: effective study 내용 일부 추가
Browse files Browse the repository at this point in the history
  • Loading branch information
ooooorobo committed Jan 20, 2024
1 parent 0c36141 commit 769bb56
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/posts/77-effective-dev-study.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@ import Caption from "../components/mdx/Caption";

사이드 프로젝트를 함께 했던 분들과 함께 일주일에 한 번씩 개발과 관련된 주제로 미니 세미나를 진행하고 있다. 이 세미나에서 SSR 서버를 구성해 본 경험에 대해 공유했던 적이 있다. <span style={{color: '#a29c9c'}}>(무슨 내용인지 궁금하다면? → [확인하기](https://www.oooooroblog.com/posts/71-custom-ssr-server))</span>

발표 내용 중에 자바스크립트를 최소화하면서 CSS-in-JS 방식으로 스타일링하기 위해 Linaria를 사용했다는 내용이 있었는데, styled-component를 사용해도 어차피 SSR 시점에 스타일이 생성되니 차이가 없지 않으냐는 질문이 들어왔다. 두 라이브러리의 정확한 동작 방식에 대해서는 대략적으로만 생각해 본 것 같은데, 이 질문을 계기로 더 깊이 생각해 볼 수 있게 됐다. <span style={{color: '#a29c9c'}}>(참고 - Linaria는 서버 빌드 시점에 CSS 파일이 생성되고, styled-component는 SSR 렌더링 시점, 즉 서버 런타임 시점에 자바스크립트를 실행하여 스타일을 생성한다)</span>
발표 내용 중에 자바스크립트를 최소화하면서 CSS-in-JS 방식으로 스타일링하기 위해 Linaria를 사용했다는 내용이 있었는데, styled-component를 사용해도 어차피 SSR 시점에 스타일이 생성되니 차이가 없지 않으냐는 질문이 들어왔다. 두 라이브러리의 정확한 동작 방식에 대해서는 대략적으로만 생각해 본 것 같은데, 이 질문을 계기로 더 깊이 생각해 볼 수 있게 됐다. <span style={{color: '#a29c9c'}}>(참고 - Linaria는 서버 빌드 시점에 CSS 파일이 생성되고, 만약 해당 프로젝트에 styled-component를 사용했다면 SSR 렌더링 시점, 즉 서버 런타임 시점에 자바스크립트를 실행하여 스타일이 생성됐을 것이다)</span>

이처럼 질문은 듣는 사람의 궁금증을 해소하는 건 물론이고, 발표하는 사람도 질문에 대해 한 번 더 생각해 보면서 발표한 내용에 대해 더 깊게 생각하게 해준다.

Expand Down

1 comment on commit 769bb56

@vercel
Copy link

@vercel vercel bot commented on 769bb56 Jan 20, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.