오꾸오꾸(오늘도 꾸준히 오랫동안 꾸준히)

프로젝트 요약 기간: 22.09.26~22.10.21 설명: 경제 초보자들의 경제를 공부하기 위한 퀴즈 플랫폼 깃허브: https://github.com/oxopolitics-internship-for-codestates/MoneyPig/wiki 사용한 스택: Next.js, Tailwind CSS, storybook, firebase 작업 내용: 문제 풀기 페이지 작업 레이아웃 제작 퀴즈 페이지 제작 공통 컴포넌트 제작 버튼 컴포넌트 제작 default card 컴포넌트 제작 fourchoice card 컴포넌트 제작 ox card 컴포넌트 제작 quiz list card 컴포넌트 제작 result card 컴포넌트 제작 icon 컴포넌트 제작 header 컴포넌트 제작 sidebar 제작 fireba..

open graph 작업을 해주어야하는 이유 직접적인 영향을 주지는 않지만 meta tag 작업을 해주는 것이기 때문에 seo 최적화작업을 진행주는 것이기 때문에 seo 최적화 이점이 있다. 멋있는 미리보기를 보여줄 수 있다. https://ogp.me/ 태그사용법 이미지의 경우 최소한 600 x 315 픽셀은 되어야 하며, 1200 x 630 픽셀 크기를 권장 기본적으로 웹에 설정해줘야하는 og 메타태그 Naver 블로그, 카카오톡 미리보기 설정 트위터 미리보기 설정 모바일 앱 미리보기 설정 모바일 앱이 존재하는 경우 앱으로 연결 시 노출

오픈 그래프(Open Graph)란? 인터넷 프로토콜의 한 종류로서 2010년에 페이스북이 발표했다. 오픈 그래프의 목적은 웹페이지에 대한 정보를 담고 있는 메타데이터의 사용방식을 표준화하여 페이스북 내에서의 링크 공유 시 해당 웹페이지에 대한 정보를 특정 형식의 미리보기 형태로 제공해주는 기능을 모든 웹페이지에서 가능하게끔 하는 것이었고, 이후 트위터와 링크드인에서 이를 차용하여 더 나은 UX를 제공하는 데에 활용하고 있다. open graph 작업을 해주어야하는 이유 직접적인 영향을 주지는 않지만 meta tag 작업을 해주는 것이기 때문에 seo 최적화작업을 진행주는 것이기 때문에 seo 최적화 이점이 있다. 멋있는 미리보기를 보여줄 수 있다. https://ogp.me/ 태그사용법 이미지의 경우 ..

웹 폰트란? 정확히 무엇일까요? 방문자의 로컬 컴퓨터에 폰트 설치 여부와 상관없이 온라인의 특정 서버에 위치한 폰트 파일을 다운로드하여 화면에 표시해주는 웹 전용 폰트입니다. 기본 사용법 font-face 규칙에는 다음과 같은 두 가지 세부 속성을 설정합니다. font-family: 사용할 웹 폰트의 이름을 지정합니다. 이 이름은 폰트 파일의 이름과 일치하지 않아도 상관없습니다. 하지만 비슷하게 설정하는 것이 유지 보수에 좋습니다. src: 폰트 파일의 경로와 폰트의 형식을 지정합니다. url에 폰트 파일의 경로를 설정하고, format에 폰트 파일의 형식을 설정합니다. 웹 폰트의 렌딩 방식 Foit : 웹폰트가 로드될 때까지 텍스트를 렌더링 하지 않다가 로드가 된 이후에 텍스트를 보여주는 동작입니다. ..

피드백 후 추가된 아이디어 테오구(필자) 경제 관련된 사이트 요즘 반드시 알야하는 경제 하지만 경제는 어렵게만 느껴지는 경제에 대한 정보를 한 곳에 모을 수 있는 사이트 이 사이트에서 제공하는 컨텐츠 요즘 반드시 알야하는 경제 하지만 경제는 어렵게만 느껴지는 경제에 대한 정보를 한 곳에 모을 수 있는 사이트 — 피드백 아이디어 자체는 정치와 관련이 있으니 괜찮다 이 사이트에서 제공하는 컨텐츠 경제 용어에 대한 풀이 - 해당 api 가 있다면 좋다 (해결) 경제 퀴즈 (경제 용어와 관련된 5지 선다 퀴즈라던지 ox퀴즈) - 퀴즈는 우리가 직접 만들어야 하는데 해당 지식은 개발자의 영역이 아니라 기획자의 영역이다. api가 있다면 좋지만 직접 만들어야 한다면 조금 고민을 해봐라 Q 다음 설명의 옳은 용어를 ..

우연히 옥소폴리틱스에서 주관하는 국가사업인 TIPS의 인턴 포로젝트에 참여할 기회를 얻을 수 있었다. 나를 포함한 팀원 3명과 협업을 하는 코드스테이츠에서 진행한 final project와 비슷한 프로젝트였다. 주제에 대해서 의견을 나누어보고 사용할 스택과 코드 컨벤션에 대한 이야기를 주고 받았다. 1주차에 나왔던 의견들을 나열 해보면 테오구(필자) 젠더 갈등 10대들이 의논을 할 수 있는 커뮤니티를 만들어보는 것이 어떨까 2022년 트렌드에 대한 토론: 2022년의 트렌드 키워드를 골라 그 주제에 대한 토론 팀원1 역대 대통령 박물관 팀원2 각 정치인들의 대표적인 또는 현재 진행 중인 안건(사례 등등)들 정리해주는 페이지 추가하여 그 대표 안건의 지지하는지에 대한 답하는 페이지 옥소폴리틱스 측 피드백 ..