전체 글 163

[html/next.js] next.js 라우팅 (다른 페이지 만드는 방법)

웹페이지에는 메인 URL이 있고, 해당 웹페이지에서 다른 항목을 클릭하면 위 이미지와 같이 "/58"이라는 문자가 추가되면서 다른 페이지로 넘어갑니다. 한 번 더 예를 들자면, programming 카테고리를 클릭하니 위와 같이 메인 URL 뒤에 "/category/programming"라는 문자가 생기면서 해당 페이지로 이동을 하게 됩니다. 이처럼 웹페이지를 만들 때 필수적으로 알아야 하는 기능입니다. Next.js에서 다른 페이지를 만드는 방법은 다음과 같습니다. 1. pages 디렉토리에 새로운 페이지 파일을 생성합니다. 예를 들어, list 파일을 생성하면 http://localhost:3000/list경로로 접근할 수 있는 페이지가 생성됩니다. 저는 list라는 파일을 생성했습니다. 이렇게 파일..

[html/next.js] next.js 공부해야 하는 이유! (사용,설치 방법&기초 문법 포함)

Next.js는 React.js 기반의 서버사이드 렌더링을 지원하는 프레임워크입니다. 기존의 React.js에서는 SPA(Single Page Application)를 만드는 것이 일반적이었습니다. 하지만 SPA의 단점 중 하나는 초기 로딩속도가 느리다는 것입니다. 이러한 단점을 보완하기 위해 SSR(Server Side Rendering)을 사용하면 페이지 로딩 속도가 빨라지고 SEO(Search Engine Optimization)에 좋은 효과를 가져옵니다. 또한, Next.js는 정적 사이트 생성 기능도 제공하며, TypeScript와 같은 다른 언어와 함께 사용이 가능합니다. 이러한 다양한 기능과 편의성이 있는 Next.js는 최근 웹 프론트엔드 개발에서 매우 인기 있는 프레임워크 중 하나입니다...

[출처:하버드건강블로그]건강한 식단을 위한 10가지 슈퍼푸드

어떤 단일 식품, 심지어 슈퍼푸드도 우리가 자양분을 섭취하는 데 필요한 모든 영양, 건강상의 이점 및 에너지를 제공할 수 없습니다. 2015–2020 미국 식이 지침은 "칼로리 제한에 주의를 기울이면서 모든 식품군에서 건강한 선택을 결합"하는 건강한 식습관을 권장합니다 . 수년에 걸쳐 연구에 따르면 건강한 식습관은 고혈압 , 심장병, 당뇨병 및 특정 암의 위험을 줄일 수 있습니다. 대부분 식물성인 DASH(고혈압을 멈추기 위한 식이요법) 식단 및 지중해식 식단 과 같은 식단 패턴은 상당한 건강상의 이점과 만성 질환의 감소를 입증했습니다. 그러나 특별한 인식을 위해 골라낼 수 있는 몇 가지 음식이 있습니다. 이러한 "슈퍼푸드"는 식사와 간식을 강화하고 건강한 식습관을 더욱 강화할 수 있는 매우 중요한 영양..

food 2023.05.09

[간에 좋은 음식] 간의 역할과 간에 좋음 음식 5가지!

간이 우리 몸에서 하는 역할 간은 우리 몸에서 여러 가지 중요한 역할을 수행하는 중요한 내장기관 중 하나입니다. 간은 식사 후 혈당 수치를 정상적으로 유지시켜주고, 유해한 독소와 체내 노폐물을 제거하는 역할을 합니다. 이외에도 간은 단백질, 지방 및 탄수화물 대사를 조절하고, 체내 호르몬 및 비타민 저장소로 작용합니다. 간을 잘 보호하는 방법 간을 잘 보호하는 방법 중 일부는 다음과 같습니다. 1. 건강한 식습관 유지: 적정량의 단백질과 식이섬유가 풍부한 채식 중심의 식습관을 유지하는 것이 중요합니다. 2. 알코올 섭취 제한: 알코올 섭취는 간의 기능을 손상시키고, 간경변증 및 간암과 같은 질환을 유발할 수 있습니다. 가능한 한 알코올 섭취량을 줄이는 것이 좋습니다. 3. 체중 조절: 비만은 간 질환과 ..

food 2023.05.09

[다이어트] 다이어트에 좋음 9가지 음식추천!

건강한 식습관을 유지하기 위해서는 영양소가 풍부한 음식들을 섭취하는 것이 중요합니다. 다이어트를 위해서는 저칼로리이면서 영양가가 높은 음식들이 특히 좋습니다. 이곳에서는 다이어트에 좋은 9가지 음식을 알아보겠습니다. 아보카도 아보카도는 단일불포화지방산과 식이섬유가 풍부합니다. 이것은 혈중 콜레스테롤 수치와 심혈관 질환 발병 위험을 낮춰줄 수 있습니다 [2]. HTML 삽입 미리보기할 수 없는 소스 천연 요거트 천연 요거트는 소화기 건강에 좋은 프로바이오틱스를 제공합니다. 또한, 단백질과 칼슘이 풍부하여 근육 건강과 뼈 건강을 돕습니다 [2]. HTML 삽입 미리보기할 수 없는 소스 귀리 귀리는 낮은 GI지수와 높은 식이섬유 함량으로 혈당 조절에 도움을 줍니다. 또한, 탄수화물 대신 단백질과 식이섬유가 풍..

food 2023.05.08

[부업] 쿠팡파트너스로 용돈 벌기!

안 써본 사람은 있어도, 한 번만 써본 사람은 없다는 쿠팡! 그리고 쿠팡 파트너스가 되어서 용돈을 벌 수 있는 방법에 대해서 공유드리겠습니다. https://partners.coupang.com/ Coupang Partners 쿠팡과 함께 수익을 창출해보세요 partners.coupang.com 1. 쿠팡 파트너스로 이동합니다. 쿠팡 아이디만 있으면 간단하게 파트너스 가입이 가능합니다. (추천인 코드 적어주시면 서로 윈윈입니다 ㅎㅎ) 추천인코드:AF5255535 추천인 코드 입력시 추천가입자와 추천인에게 추가 1% 수수료를 더 챙겨줍니다. 서로 윈윈! 2. 가입하고 [링크 생성] 탭을 누르면, 아래 6가지 항목이 뜨는데요. 간략하게 각 항목에 대해서 설명해드리겠습니다. - 상품 링크/ 간편링크 만들기/ ..

side work 2023.05.08

[SQL]17강_GROUP BY

SQL GROUP BY 문 문 GROUP BY은 "각 국가의 고객 수 찾기"와 같이 동일한 값을 가진 행을 요약 행으로 그룹화합니다. 이 GROUP BY명령문은 종종 집계 함수( COUNT(), MAX(), MIN(), SUM(), AVG())와 함께 사용되어 결과 집합을 하나 이상의 열로 그룹화합니다. GROUP BY 구문 SELECT column_name(s) FROM table_name WHERE condition GROUP BY column_name(s) ORDER BY column_name(s); 데모 데이터베이스 다음은 Northwind 샘플 데이터베이스의 "Customers" 테이블에서 선택한 항목입니다. SQL GROUP BY 예제 다음 SQL 문은 각 국가의 고객 수를 나열합니다. 예 S..

programming/SQL 2023.05.08

[부업] 미국 광고 홍보로 돈 벌기 with clickbank(쿠팡파트너스,카카오애드핏과 비슷함!)

안녕하세요. 조신선입니다. 쿠팡파트너, 구글애드센스,카카오애드핏과 같이 대리홍보로 부수입을 얻을 수 있는 방법을 공유 드리겠습니다. 쿠팡,구글,카카오는 이미 많은 분들이 알고 계시고, 구글 제외하면 한국내에서만 홍보할 수 있다는 제한이 있어서, 영어권 국가를 대상으로 판촉하고 부수입을 얻을 수 있는 방법에 대해서 고민하다가 해당 방법을 찾았으며, 방법을 공유해드리고자 합니다!! 블로그 내용은 chatgpt에게 부탁하면 되니 시간도 엄청 적게 걸립니다. 저는 오늘 다이어트 제품으로 예시를 보여드릴텐데, 클릭뱅크에는 쿠팡처럼 다양한 제품들이 있습니다. 전세계적으로 다이어트,운동, 건강 등에는 관심이 많아서 해당 주제로 선정하게 되었습니다. 구글 트렌드에서 인기 많은 검색어를 살펴보고 구독자분들이 원하시는 주..

side work 2023.05.07