튜이의 블로그 튜이의 블로그

들어가기 전에이 글은 Next.js 튜토리얼을 번역한 글입니다.CSS 스타일하기현재, 홈페이지는 어떤 스타일도 갖고 있지 않을겁니다. Next.js 어플리케이션을 꾸밀 다양한 방법을 알아봅시다.이번 챕터에서...여기 우리가 다룰 주제들이 있습니다.전역 CSS 파일을 어플리케이션에 추가하는 방법두가지 다른 스타일링 방법: Tailwind 그리고 CSS modulesclsx 유틸리티 패키지로 class 명을 조건부로 넣는 방법전역 스타일/app/ui 폴더를 봅시다, global.css 파일을 찾을 수 있을겁니다. 이 파일을 추가해 어플리케이션 내에 모든 라우트에 CSS 초기화 룰이나 link같은 사이드 전역에 쓰일만한 CSS 규칙들을 적용할 수 있습니다.global.css는 앱 내에 어디서든 불러(impor..

들어가기 전에이 글은 Next.js 튜토리얼 - Next.js 배우기를 번역한 글입니다.Next.js 배우기Next.js App Router 튜토리얼에 오신것을 환영합니다! 이 강의에서, 풀스택 웹 어플리케이션을 만들며 Next.js의 핵심 기능들을 배울겁니다.우리가 만들것이 코스에서, 우리는 다음과 같은 기능을 가진 간단한 버전의 재무관리 대시보드를 만들겁니다.홈페이지로그인 페이지인증(Login)에 따라 보호되는 대시보드유저를 위한 송장(invoice)을 추가하고 편집하고 삭제하는 기능이 강의는 데이터베이스 또한 세팅할 것이며, 추후 챕터에서 셋업을 진행합니다.이 튜토리얼의 끝에서 풀스택 Next.js 어플리케이션을 개발할 핵심 기능을 배울겁니다.개요스타일링하기: Next.js내에 앱을 스타일 할 수 ..

들어가기 전에이 글은 Next.js 튜토리얼을 번역한 글입니다.그리고 앞의 글 [NextJS] 튜토리얼 Intro - Next.js 배우기에서 이어지는 글입니다.만약 Next.js를 위한 기본 셋업이 안 되어있다면, 위 링크를 눌러 기본 셋업을 해주세요.시작하기신규 프로젝트 생성하기Next.js 어플리케이션을 생성하기 위해, terminal을 열고 cd명령어로 프로젝트를 생성하고 싶은곳으로 이동하세요.그리고 다음 명령어를 실행하세요.Terminalnpx create-next-app@latest nextjs-dashboard --use-npm --example "https://github.com/vercel/next-learn/tree/main/dashboard/starter-example"위 명령어는 N..

지금은 해결이 되었지만, 네이버 서치 어드바이저, 구글 아날리틱스, 구글 서치 콘솔 연동 작업을 다했는데 구글, 네이버 검색이 안되어서 답답해하고 있었다.# 구글, 네이버에 검색이 안 된다.다음은 잘 만뜨고,구글은 어떤 검색어를 넣어도, 아무리 기다려도 페이지 하나만 추가되어 있고,네이버는 아예 뜨지 않았다.아무리 기다려도 뜨지 않았다.(2일 정도?)그래서 아래와 같은 방법으로 해결했다.1. site:[티스토리 URL]로 확인하기2. 네이버 서치어드바이저에서 페이지 등록3. 구글 서치 콘솔에서 페이지 등록# site: [티스토리 URL]로 확인하기site: 검색 연산자site: 연산자에 지정된 특정 도메인, URL, URL 접두사에서 검색결과를 요청할 수 있는 검색 연산자입니다.site:[티스토리 블로그..

# 올해 말 이사를 갈 계획이다.수년간 살고 있는 지금 집을 떠나 올해 말에 이사를 갈 생각이다.(매매아님, 전세로..)경기도에서 서울 입성을 목표로!현재 보고 있는 후보지는 전략에 따라 3가지로 잡고 있다. 1. 돈을 아끼는 전략2. 자식 교육을 우선하는 전략3. 새 집, 삶의 질을 우선하는 전략 그 중 돈을 아끼는 전략은 서울 어디든 적당히 싼 곳을 가면 되니까.. 크게 고민을 안하고 있지만돈은 돈대로 나갈거면서, 또 앞으로의 삶이 확 바뀔 2,3 선택지에 대한 고민과 생각 정리를 여기서 해보겠다. 우선 현 상황은- 본인직장 - 강남(역삼역인근)- 아내님 직장 - 마포(광흥창역 인근)- 2026년에 아이가 초등학교 들어감.  # 자식 교육을 우선하는 전략(목동)대한민국 학군 1번지 목동이다. (아 대..

# 검색 포털에 내 글이 뜨질 않는다. 블로그를 개설한지 제법 시간이 흘렀다...(3일?)그런데 아직 방문수가 10건 남짓 이라니,  만족스럽지 않았다. 또 보니까 구글 검색 0명, 네이버 검색 0명, 다음검색 0명..  슬펐다.이에 가만히 있을 수 없던 나는 네이버, 다음, 구글에 내 블로그 글들을 검색했는데, 뜨지않는다. 이러면 어떻게 사람들이 내 블로그 와서 글을 볼 수 있는거야?!하고 흥분했던 나였다. # 검색엔진이 내 블로그를 알아 차리게 하자.이것저것 티스토리에 검색해보니방법은 구글 서치 어드바이저, 구글 Analytics, 네이버 서치 어드바이저 등에 등록을 하고 검색엔진에 맞게 최적화를 해야한다는 것이다.(SEO) 이 어려워 보이는것을 하나도 아닌 3개 어떻게하지.. 고민이 들겠지만티스토리..

더보기 예전부터 종이가구가 궁금했다.최근에 가구 배치를 바꾸면서, 이리 저리 물건들을 옮기다 보니 책장이 부족해졌고 마침 잘됐다 하면서 페이퍼팝 2단 책장을 구매하게 되었다. # 페이퍼팝 책장, 제 점수는요?별점 3.5 / 5.0 장점가볍다싸다 18,900원조립이 어렵지 않다.아쉬운점조립 설명이 친절하지 않다.디테일과 마감 부분이 아쉽다.    종합평가굉장히 실용적일것 같습니다. 특히 가구 위치가 확실히 결정나지 않았다면 이리 넣어봤다가 저리 넣어봤다 해야 할텐데 그런면에 있어서 가벼움은 너무나 큰 장점입니다. 내구성과 디테일에 대한 아쉬움은 조금 있으나 가격을 생각해본다면 이해할 수 있을 것 같습니다. # 페이퍼팝 주문부터 조립까지 ## 주문부터 배송페이퍼팝 종이책장을 구매했던게 5월 2일,배송되어서 ..

2024년 5월 6일 블로그를 시작한 건 좋은데,무슨 주제로 글을 써야하나? 라는 고민을 하다가 티스토리 블로그를 처음 해보는 사람의 도전기도 주제 중 하나로 적어볼까 한다.# 카테고리? 메뉴 같은건가?처음으로 블로그를 시작합니다 글을 썼다. 이상한게 눈에 하나 띈다! 하여튼 뭐가 없다고 한다.이게 뭐지? ..이것저것 막 눌러보다가https://thewys.tistory.com/manage 로 갈 수 있었고 (우측 상단 프로필 -> 블로그명 오른쪽 -> 기어모양 아이콘 클릭)여기서 글쓰는것 말고도 다른 기능이 있다는 것을 알 수 있었다.  아하! 여기에서 카테고리를 추가 할 수 있구나!  추가한 카테고리를 위의 그림과 같이 글 수정하여 넣으면 완성! ** 이제 보니 카테고리는 헤더의 메뉴스러운 기능 같다..