전체 글 썸네일형 리스트형 hydration error solving problem 오늘은 nextjs 프레임워크에서 개발할 때, 맞이할 수도 있는 문제에 대해서 트러블 슈팅 포스팅을 하도록 하겠다. 근데 생각보다 간단한 녀석이다. React, Next.js 같은 SSR(Server-Side Rendering) 프레임워크에서 서버가 만든 HTML과 브라우저가 처음 렌더링한 HTML이 서로 다를 때 발생하는 오류다. 그냥 앞뒤가 다른 상황이라고 이해하면 됨. Hydration faile 먼저 Next.js가 동작하는 방법에 대해 알아보자. 1. 서버가 HTML 생성 ↓2. 브라우저가 HTML 먼저 보여줌 ↓3. React가 JavaScript를 연결(Hydrate) ↓4. 이제 버튼, 이벤트 등이 동작 예를 들어서export default fun.. 더보기 양이 사람을 잡아먹는다 오늘은 재미있게 본 영상을 공유하고자 한다.평상시에 나갈 준비를 하면서 많이 듣기도, 또 구독하며 애청자로서 영상을 자주 챙겨보곤 하는 알간지 채널이다. 4월 14일에 영상이 올라왔으니, 4개월이 지났는데도 어끄제 올라온 것처럼 신선한 정보가 참 많았다.영상 클립은 총 1시간 5분이다. https://youtu.be/W_ChhnAM7GY?si=lseU_OatqdUeqrz- Your sheep, they eat up andswallow down the very men themselves.당신의 양이 사람을 통째로 삼키고 있다. 16세기 영국의 사상가 토머스 모어는 『유토피아』에서 인클로저 운동으로 인한 참혹한 사회적 현실을 이렇게 표현했다. '500년 전 영국에서는 양이 사람을 잡아먹었다.' 인.. 더보기 디자인파밍 3 https://www.florisschrama.nl/identity/https://takeawalkonthewildside.rietveldacademie.nl/page/rietveld-uncuthttps://www.bychudy.com/https://arminunruh.com/https://picnic.katherine-le.com/https://aino.agency/https://yanliuportfolio.vercel.app/https://www.etienne.studio/cases/recsoundhttps://www.danield.design/https://joseph-san.com/ Joseph Santamaria // Creative Software Engineer & UI/UX Designer.. 더보기 디자인 파밍 2일차 색상 팔레트 - Color Space https://mycolor.space/레디언트 - CSS Gradient https://cssgradient.io/꼬불 꼬불 선나누기 - Shape Divider https://www.shapedivider.app/다양한 SVG -Haikei https://haikei.app/이쁜 배경 이미지 - Cool Backgrounds https://coolbackgrounds.io/web's CSS https://wsss.tistory.com/ 다양한 이펙트에 대해서 관심이 부쩍 많아진 요즘https://wsss.tistory.com/2151 VFS.JS로 제작된 물방울 효과See the Pen VFX-JS + webfont + dynamic text + raymarc.. 더보기 데이터 윤리: 윤리적 사용부터 안전한 관리까지 송경우 조교수 연세대학교 응용통계학과 데이터는 양날의 검데이터는 힘이기도 하지만, 위험이 되는 요소이기도 함 2018년 캠브리지 애널리티카 사건 (데이터 분석회사) 대선에 영향을 줌 개인정보가 동의없이 사용됨 데이터 시노리, 투명성, 공정성이 지켜지지 않으면 사회적 혼란이 일어날 수밖에 없음-> 이런걸 막고자 데이터 윤리 필요 데이터 관련된 기술을 얼마나 잘 쓰는지보다, 기술을 대하는 관점과 선택이 중요하다.유럽연합의 GDPR이나 우리나라의 개인정보보호법 그리고 AI관련된 여러가지 국제 규제들 모두 데이터 활용은 사회적 약속 위에서만 가능하다. 데이터 윤리란? (Data Ethics): 기술이 아닌 사람의 의도와 태도에서 비롯한 '책임'의 문제 책임 있는 관리와 사용 하지말자의 금지의 규칙보다는, .. 더보기 브랜드 셋업하기 Zemma 라이브 세션 [1강] 브랜드 구체화 — STIC + 가치 + 이유[2강] 클로드 프로젝트 + 스킬 — 마케팅 팀 만들기[3강] 가상 제품 이미지 만들기 — ChatGPT에서 사용해보는 덕테이프[4강] 상세 페이지 자동 제작 — 훅커블(Hookable) 관련된 자료는 여기에서!https://docs.google.com/spreadsheets/d/e/2PACX-1vRH-jMBv0l2-RAd8xJoDxJVVaMBxeN6vlkbxLbkmUxFRIh9kcmUGC4iiL83Bnmd19cncyb31NMMQm_j/pubhtml [젬마] AI 브랜드 셋업 0 to 1[젬마] AI 브랜드 셋업 0 to 1 : 1. 각종 서비스 관련 링크 모음docs.google.com 1. 클로드 접속 https:/.. 더보기 [인사이트] UX에서 HX로의 전환: 경험을 넘어 ‘인간 자체’를 설계하다 우리가 오랫동안 익숙하게 사용해 온 UX(User Experience, 사용자 경험)는 제품과 서비스를 사용하는 과정에서의 ‘편리함’과 ‘만족도’를 중심으로 발전해 왔습니다. 버튼의 위치, 화면의 흐름, 사용자의 행동 패턴을 분석하며 더 나은 경험을 만드는 것이 그 핵심이었죠.하지만 최근 산업의 방향은 단순한 ‘사용 경험’을 넘어, 인간 그 자체를 깊이 있게 이해하는 HX(Human Experience, 인간 경험)로 빠르게 이동하고 있습니다.1. UX와 HX, 무엇이 다른가?UX가 ‘사용자의 행동’에 집중했다면, HX는 ‘인간이라는 존재’ 그 자체를 설계에 연결합니다.HX는 단순히 사람이 제품을 어떻게 사용하는가를 넘어, 아래와 같은 생물학적·물리적 요소를 총체적으로 고려합니다.신체 구조 및 인체 치수.. 더보기 [TED] The agony of trying to unsubscribe https://www.ted.com/talks/james_veitch_the_agony_of_trying_to_unsubscribe The agony of trying to unsubscribeIt happens to all of us: you unsubscribe from an unwanted marketing email, and a few days later another message from the same company pops up in your inbox. Comedian James Veitch turned this frustration into whimsy when a local supermarket refused to takewww.ted.com 1. 주요 단어 및 표현 정리핵심 단어단.. 더보기 이전 1 2 3 4 ··· 37 다음