📚공부 썸네일형 리스트형 Duolingo듀오링고 이탈리아어 Talk about dating 단어 문장 정리 Duolingo듀오링고 이탈리아어 Section 2 Unit 19 Talk about dating 단어 문장 정리 안녕하세요!요새 듀오링고로 열심히 이탈리아어를 배우고 있습니다올해 여름에 이탈리아로 제 인생 첫 유렵여행을 가보기로 했답니다. 열심히 해야 되는데..쪼끔..바빠서(먼산)아무튼 듀오링고 이탈리아어 Section 2 Unit 19에 해당하는 Talk about dating 에 나온 관련 단어 문장을 공부한 기록을 시작하겠습니다.모든 정리는 영어를 기준으로 적습니다. 어차피 배워야 하므로. 영원한 숙명이죠. 듀오링고로 공부하시고나서 컴퓨터에 공부한 내용 기록을 시작하시려는 분이 있으시다면, 아래 '윈도우에서 이탈리아어를 입력하는 방법'도 참고하시면 좋겠습니다.https://magdongsani.. 더보기 윈도우에서 이탈리아어 문자를 입력하는 방법 윈도우에서 이탈리아어 문자를 입력하는 방법 안녕하세요요즘 듀오링고로 이탈리아어를 공부하던 것을 블로그에 기록을 남기려다가 이탈리아어 키보드의 필요성을 인지했고,곧 윈도우 언어설정에 들어가서 이탈리아어를 추가 후 shift + alt(또는 윈도우키+스페이스바 )로 입력기 언어를 이탈리아어로 바꿔서 세팅까진 완료 하였으나,문제는 à나 è 같은 문자를 어떻게 입력할 수 있는지 잘 모르겠더군요. 모르면 검색해야죠. 검색한 결과를 정리해본 결과는 아래와 같습니다.혹시 저처럼 이탈리아어 타자에 익숙하지 않으신 분들께서는 아래 본문을 참고하시고 보탬이 되면 좋겠습니다. 참고로 이하 기재된 모든 입력은 우리나라 키보드 기준이고 아래 윈도우 작업표시줄 오른쪽에 떠있는 입력기를 이탈리아어로 맞춘 후 시작합니다. .. 더보기 Next.js Local Fonts 로컬 폰트 적용 Next.js Local Fonts 로컬 폰트 적용Next.js로 로컬에서 폰트를 적용하는 법을 요약해 둔다. fonts 폴더에 원하는 폰트를 다운로드layout.js에 아래와 같이 작성localFont를 불러오고const 폰트명 = localFont({src: "경로",})그 외 font-display 속성 조정 가능display: 'auto'브라우저에 맡김. 대부분 block으로 처리됨display: 'block'폰트가 다운로드 되기 전엔 아예 안보였다가, 다운로드 완료 되면 보여줌display: 'swap'폰트가 다운로드 되기 전엔 시스템 기본 글꼴로 보여줬다가, 다운로드가 완료 되면 해당 폰트로 보여줌display: 'fallback'100ms 동안 아무것도 안보여 주다가, 100ms가 지나서도 .. 더보기 Next.js The "images.domains" configuration is deprecated. Please use "images.remotePatterns" configuration instead 오류 해결 Next.js The "images.domains" configuration is deprecated. Please use "images.remotePatterns" configuration instead 오류 해결 lorem picsum으로 이미지를 뿌리고+next.config에 domains로 이미지 출처를 명시하던 중에 이런 메시지를 만남공식 문서를 뒤져보니 image에 대해 Next.js 13 문법(domains 등)을 써서 그랬음next.config에 가서 아래처럼 remotePatterns로 명시해서 해결함images: { remotePatterns: [ { protocol: 'https', hostname: 'picsum.photos', .. 더보기 CSS hover하면 밑줄이 촤라락 애니메이션 CSS hover시 밑줄이 나타나는 애니메이션 CSS에서 마우스를 글에 갖다 대면 밑줄이 펼쳐지는 애니메이션이 가끔 필요할 때가 있다.그 중에서 내가 주로 쓰는 Next.js와 TailwindCSS를 기반으로 메모해 둔다. 1. 밑줄이 좌->우로 그어지는 애니메이션아무 글자 1줄 핵심: 가상선택자에 width를 0으로 해뒀다가 hover시 width를 100%가 되게 2. 밑줄이 가운데에서 문 열리듯 좌우 끝을 향해 생기는 애니메이션아무 글자 1줄 핵심: 가상선택자에 scaleX를 0으로 해뒀다가 hover시 scaleX를 1이 되게 더보기 HTML img 이미지 최적화 더보기 Next.js 파일 및 폴더 이름 컨벤션 Next.js 파일 및 폴더 이름 컨벤션 Next.js를 공부하기로 마음 먹고, 열심히 설치도 했는데, 정작 파일 및 폴더를 만들 때 이름을 어떻게 짓는 게 어디에 좋은지를 다룬 컨벤션이 있을까? 하던 찰나에 구글링하고나서 알게 된 점들을 요약해서 남겨 본다. 이름이란 짓는 사람 마음이라지만(개똥이 등), Next.js에서는 다음과 같은 이름이 좋은 이름이라고 한다. 1. 이름을 읽자마자 얘가 뭐 하는 아인지한눈에 딱 알아보고 쉽고, 명확하여 혼란을 최소화하는 이름 2. 사이트의 SEO력을 올려주는 이름 (둘 다 어렵다...) 좋은 이름이 어렵다면 이름 다운 이름!, 기본은 지키는 이름부터가 아닐까. 1번과 2번에 해당하는 이름을 구체적으로 어떻게 짓는지 기초적인 부분을 살펴보겠다. 1번 식별이 쉽고.. 더보기 폴란드어 키보드 배열 폴란드어 키보드 배열 취미로 폴란드어(Polish)를 공부 중인데 키보드를 따로 전문적으로 사는 것은 에바 같았다. 폴란드어 키보드 배열은 우리가 쓰는 일반적인 키보드와 전부 다 다른게 아니고 일부만 익숙해지면 된다. * 요약 : 글자에선 y, z 를 따로 외워주시고, 부호는 물결(~), 숫자에선 6부터 백스페이스 전 끝까지 (맨 윗줄 양 끝), 그 외에 대괄호들이나 엔터 왼쪽 애들, 점들(글자 끝나면 있는 오른쪽 부위)을 따로 외워주면 크게 3부분만 외우면 된다. 상위 사진을 보면서 계속 쳐봐야 겠다. 더보기 이전 1 2 3 4 다음
