개발 (10) 썸네일형 리스트형 [Chrome Extension] ☃️"붕어빵 스테이션" 크롬 확장 프로그램 개발 기록 "북마크가 너무 많은데 쉽게 관리할 수 없을까?" 라는 아이디어로 토이 프로젝트를 시작했고,며칠 동안 개발을 진행해보았습니다.사용한 툴은 React js, Chrome bookmark API 등입니다. 이라는 크롬 브라우저 시작화면 대시보드를 개발하였고,이번주에 버전 1.0 배포가 완료되었습니다. (개발기간 약 3~5일) 아래 링크에서 다운받으실 수 있습니다. https://chromewebstore.google.com/detail/%EB%B6%95%EC%96%B4%EB%B9%B5-%EC%8A%A4%ED%85%8C%EC%9D%B4%EC%85%98-chrome-dashboard/ecpkcgdaahhpdlanhdobigdkadgmedna 붕어빵 스테이션 - Chrome Dashboard - Chrome 웹 .. 2023 교내 해커톤 기획운영팀 활동 후기💙_SO-HOT 해커톤🔥 #0. 교내 해커톤 기획 참여 계기 이전에 교내 해커톤과 교외 해커톤(SW중심대학 해커톤 본선) 경험과 수상 경험이 있었고, 교내 직원분의 제안을 받아 기획운영팀에 참여하게 되었다! 다른 학원생 선배님 한 분이랑 일 잘하는 후배 하나, 이렇게 세명이서 열일 시작함 🔥 (내가 팀장이었음) 교내 해커톤은 본선 진출자를 선발하는 "예선"이다보니 대회의 규모도 작고 이전에는 홍보도 제대로 진행하지 않았는데, 올해는 대회 규모를 늘려서 예선(교내 해커톤)을 학교의 공식 대회로 픽스해버리자는 목적을 가지고 시작했다. #1. 일정 조정 및 스태프 선발 가장 급한게 일정 수립이었다. 첫 회의가 4월 초였고, 해커톤 일정은 늦어도 5월 중순이어야 했으므로 최대한 서둘러서 진행했다. 먼저 기존의 1박 2일 일정이었던 예선.. [React] TypeError: Cannot read properties of undefined (reading 'prototype') 리액트 프로젝트 도중 이상한 에러가 떴다. 찾아보니 vs code 자동완성으로 아래 코드가 들어가있었는데, 이 코드가 문제였음 import { response } from "express"; 이 친구를 지워주니 에러가 싹 사라졌다. 편-안 [React] Movie App 만들기 (개인 프로젝트) - 3 John Ahn님의 인프런 강의를 따라가면서 진행중입니다. 개인 공부 용도로 기록합니다. 문제 시 삭제 https://xxilliant.tistory.com/75 [React] Movie App 만들기 (개인 프로젝트) - 2 John Ahn님의 인프런 강의를 따라가면서 진행중입니다. 개인 공부 용도로 기록합니다. 문제 시 삭제 https://xxilliant.tistory.com/73 [React] Movie App 만들기 (개인 프로젝트) - 1 John Ahn님의 인프런 강의를 따 xxilliant.tistory.com 1. 진행 사항 (현 포스팅 기준) Load More (더보기 버튼) 기능 만들기 2. 함수 분리 버튼을 누르면 불러오는 page가 변경되도록 함수를 짤건데, fetch 부분을 재사.. [React] Movie App 만들기 (개인 프로젝트) - 2 John Ahn님의 인프런 강의를 따라가면서 진행중입니다. 개인 공부 용도로 기록합니다. 문제 시 삭제 https://xxilliant.tistory.com/73 [React] Movie App 만들기 (개인 프로젝트) - 1 John Ahn님의 인프런 강의를 따라가면서 진행중입니다. 개인 공부 용도로 기록합니다. 문제 시 삭제 1. Mongodb 몽고디비 가입 후 클러스터 0 디비 생성까지 해놨다. 나중에 로그인 기능을 위해 가입 xxilliant.tistory.com 1. 진행 사항 (현 포스팅 기준) 영화 grid card 컴포넌트 만들기 2. ES7 vs code에서 ES7 다운받고 나서 빈 js 파일에서 rfce 라고 치고 엔터 누르면 아래와 같은 기본 함수 틀이 짜잔-하고 나온다 3. 기억할 .. [React] Movie App 만들기 (개인 프로젝트) - 1 John Ahn님의 인프런 강의를 따라가면서 진행중입니다. 개인 공부 용도로 기록합니다. 문제 시 삭제 1. Mongodb 몽고디비 가입 후 클러스터 0 디비 생성까지 해놨다. 나중에 로그인 기능을 위해 가입해놓는듯. 2. Movie API https://www.themoviedb.org/ The Movie Database (TMDB) Welcome. Millions of movies, TV shows and people to discover. Explore now. www.themoviedb.org 이 사이트에서 영화 api를 제공해준다고 합니다. (일단 순위가 한국 기준은 아닌듯..? 아님말고) 가입 후 api를 받음. 친절하게 API 문서도 다 있네요. 아쉽게도 현재까지는 영어만 지원한다고 합니다 .. [React] Attempted import error: does not contain a default export Attempted import error: does not contain a default export 리액트 프로젝트 강의를 따라가던 중 마주친 에러이다. 뭐가 문제인가 싶어서 번역기 돌려봄 가져오기 시도 오류 : './Sections/MainImage.js'에 기본 내보내기('MainImage'로 가져오기)가 없습니다. 이런 내용이었다. 즉, import 해놓은 MainImage 파일에 내보내기 코드가 없다는 말임. export default 코드를 깜빡했음ㅋㅋ export default MainImage; MainImage 파일에 위 코드를 추가해주니 정상적으로 작동되었다. 아직 리액트가 익숙하지 않아서 자꾸 이런거 빼먹는 실수를 한다. 정신차려.. [UX] About UX process 출처 https://ko.wix.com/blog/post/what-is-ux-design UX/UI 디자인이란? 차이점과 사례를 한눈에 살펴보기 UX 디자인은 사용자 경험을 뜻하는 말입니다. UX 디자인이 UI 디자인과 어떠한 차이가 있는지 알아보고, 좋은 사용자 경험을 만드는 프로세스와 디자인 사례까지 살펴보세요! ko.wix.com UX 프로세스는 어떻게 진행되나요? 지금까지 UX의 중요성과 좋은 사용자 경험을 판단하는 방법을 알아보았습니다. 이제 디자이너가 실제로 이런 사용자 경험을 어떻게 실현할 수 있는지 살펴보도록 하겠습니다. 훌륭한 사용자 경험은 사용자의 가치, 능력, 니즈 및 욕구에 대한 깊은 이해를 통해서만 실현될 수 있습니다. 디자인, 분석 및 문제 해결에 많은 경험을 쌓은 뒤 UX 디자.. 이전 1 2 다음
