TIL

구글로그인 구현하거나, 랜딩페이지를 꾸밀때 아이콘이 필요한 경우가 종종있다. 제일 간단하게 하는 방법은 react-icons를 사용하는 것이다.  https://react-icons.github.io/react-icons React Icons react-icons.github.io  원하는 아이콘을 검색하고 복사 후 붙여넣기 하면 된다.    간단하게 적용이 가능하다. import { BiCoinStack } from "react-icons/bi"; 실제 적용한 예시 div className="bg-white dark:bg-gray-800 rounded-2xl shadow-xl overflow-hidden transform hover:scale-105 transition-transform duration..

[동사]문장 S+V에서 V를 서술어라고 한다. 동사는 서술어 자리에 들어가는 품사 이름이다.동사는 한 문장에서 주어의 움직임 혹은 상태나 성질을 서술하는 말이다.have, consider와 같은 상태동사도 있다. 동사의 종류본동사 - 서술어 역할조동사 - 본동사를 도와줌 본동사의 종류be동사 - am are is일반동사 - 동작동사와 상태동사 주어와 동사는 항상 깔맞춤 해주어야한다 = 수일치와 시제맞춤*(수일치 : 주어가 단수,복수 에 따라 동사를 맞춰주는 것)*(시제 : 과거 현재 미래와 같은 시간에 따라 동사를 맞춰주는 것) be동사 빼고는 모두 일반동사 일반동사는 동사의 대부분을 차지한다.일반동사를 공부할 때 가장 신경써야할 3가지시제주어와 수일치일반동사의 성격 1. 일반동사의 시제be동사는 am ..

NEXTAUTH_SECRET 얻는 법은 아주 쉽다터미널에서 $ openssl rand -base64 32 수행하면 나오는 값을 복사해 .env.local에 넣으면 된다.  vercel에 deplpy할 때 환경변수 등록해주는 것을 잊지말자! 출처 https://next-auth.js.org/configuration/options#nextauth_secret

구글로그인 구현 후 vercel에 deploy했는데 middleware에는 SSR인 getsession을 쓸 수 없다는 에러가 나왔다. 이를 해결하려고 웹 에플리케이션의 인증 방식에 대해 공부했다. [ 인증이란? ]인증과 인가에 대해 구분할 필요가 있다.  Authentication - 인증- 유저식별, 신원검증 , 로그인하는 것이라고 생각하면 된다.  Authorization - 인가- 인증 후, 유저가 어디까지 접근하는 것을 허락할 것인가- 관리자 권한을 가진 유저만 관리자 페이지에 엑세스할 수 있다.  [쿠키와 세션]쿠키서버 -> 브라우저로 전송해 클라이언트에 저장할 작은 파일브라우저(클라이언트)는 받은 쿠키를 요청시 같이 전송함예를 들어 사용자가 로그인하면 서버는 아이디, 비번을 쿠키에 담아 서버..

영어의 8품사에는 명사 동사 대명사 형용사 와 부사/전치사/접속사 / 감탄사 가 있다. 그중에서도 중요한 명사 동사 대명사 형용사에 대해 먼저 알아보겠다.   주어명사 대명사동사동사보어명사 대명사 형용사목적어명사 대명사 명사사람, 물질, 사물, 개념, 현상 들 지구상에 존재하는 모든 것의 이름을 묶어서 명사라고 한다.명사는 영어문장에서 주어 목적어 보어 동격의 역할을 한다.관사, 복수형을 주의해야한다.영어권 사람들은 확실하게 숫자를 붙여서 표현한다. 이를테면 펜 샀어, 책 읽었어 가 아닌,I bought a pen, I read two books. 이런식으로 수량을 제시하는 것이 특징이다.정확한 개수가 아니더라도 단수인지 복수인지 를 반드시 밝혀주어야 한다.a pen, some books 처럼 [ 명사의..

SEO - 검색 결과 상단에 뜨게 하기 위한 것구글과 같은 검색엔진은 봇을 통해 사이트들을 크롤링하고 저장(인덱싱)하는데, 이때 봇들한테 이 사이트에 대한 정보를 잘 보여줘서 높은 순위에 차지하도록해야 한다.  슬프게도 정해진 공식은 없다. 이렇게 이렇게 하면 무조건 검색결과 첫번째로 뜬다. 이런게 있으면 너도나도 하기떄문에 공식이 될 수 없을것이다..그냥 최대한 할 수 있는 요소들을 세팅하는 것으로 한다.  실제로 내가 사이트를 만들고 해보니 구글 검색 상단에 뜨게하는게 엄청 어렵다 그래도 기본적으로 세팅해야하는 것들이 있다.  nextjs app router 를 쓰고 있어서 이를 예시로 설명하겠다. layout.tsx에서 구성한다. [ 사이트 등록하기 ]일단 가장 먼저 할 일은 구글 서치콘솔에 내 사..

호주 ‘핵심 기술 우선순위 목록’ 초안 발표… “어떤 직업 포함됐나?”잡 앤 스킬 오스트레일리아가 ‘기술 우선순위 목록’ 초안을 발표했다. 정부 기관, 학계, 기업 단체, 노조, 이민자 기관과 협의 과정을 거친 후 최종안이 발표된다. 호주에서 우선시하는 숙련 기술 이민 목록 초안에는 우슈 무술 강사, 요가 강사(Wushu Martial Arts and Yoga Instructor), 보석 디자이너(Jewellery Designer), 개 조련사(Dog Trainer), 예술 감독(artistic directors), 다이버(diver)가 포함됐다.이번 초안에는 최고 경영자 혹은 고위 임원(Chief Executive or Managing Director), 영업, 마케팅 매니저(Sales and Mark..

요즘들어 해외로 나가는 것에 대한 생각이 커지고 있다. 나를 위해, 내 2세를 위해 더 좋은 환경으로 가고 싶기 떄문이다. 인생에서 살면서 좋은 대학, 좋은 직장을 가지는 것을 목표로 해서는 행복해질 수 없다는 것을 깨달았다. 시청역 사고 이후로 교통사고 들이 많이 보도되는 것 같다. 나도 갑자기 하루아침에 예상치 못한 이유로 없어질 수도 있다는 생각이 들면서, 현재에 현생을 최대한 행복하게 살다가 가고 싶다. 그렇다고 욜로는 아니고, 주어진 환경에서 최대한 행복해지고 싶은 것이다. 지금은 그 주어진 환경을 바꾸고 싶기에 해외로의 이주를 고민하는 것이다.    2024년 백만장자들의 이주현황이다. 중국이 제일 많고 그다음이 영국(브렉시트로 인한 것으로 예상된다), 그다음이 인도, 한국, 러시아 순이다. ..

로컬에서는 안나는데 vercel에 빌드할때 나는 에러Error: `"` can be escaped with `"`, `“`, `"`, `”   .eslintrc.json 에 아래 코드를 삽입하면 된다. "rules": { "react/no-unescaped-entities": 0 },"rules": {    "react/no-unescaped-entities": 0  }, 전체 eslinttrc.json {  "rules": {    "react/no-unescaped-entities": 0  },  "extends": "next/core-web-vitals"}

배당주먼저 배당주에 대해 알아보겠습니다. 배당주는 회사가 이익을 나눠주는 주식을 말합니다. 크게 세 가지로 나눌 수 있습니다왕족주: 50년 이상 배당금을 계속 올린 회사들.귀족주: 25년 이상 배당금을 계속 올린 회사들.배당 성장주: 배당금을 빠르게 올리고 있는 유망한 회사들.여기 각 그룹에서 상위 5개 회사를 소개하겠습니다왕족주: 존슨앤존슨, P&G, 펩시, 애브비, 로우스귀족주: 엑슨모빌, 맥도날드, 넥스트에라 에너지, S&P 글로벌, 메드트로닉배당 성장주: 유나이티드 헬스, 브로드컴, ASML, MSCI, 트랙터 서플라이이 중에 투자하고 계신 회사가 있나요? 책이 출간된 이후로 이 회사들이 어떻게 변했는지, 배당을 잘 지급하고 있는지 살펴보겠습니다.최근 배당 왕족주 성과최근 6개월 동안 애브비가 가..