SUE 개발 블로그

팀프로젝트가 끝난지 한달이 넘었으나 취준 및 회사 근무 때문에 지금이라도 작성하네요... 밀린 블로그 투성이의 삶 🥲📌 With Me는 지역문화와 이벤트 및 모임 동행자를 찾는 커뮤니티 프로젝트입니다.자영업자나 소상공인이 이벤트를 개최하여 홍보와 상업 시장을 지원할 수 있습니다.사용자들은 주변에서 열리는 다양한 이벤트를 쉽게 찾고 모임을 개설함으로써 즐기고 소통할 수 있는 기회를 제공합니다.지역주민들과 관광객들을 대상으로 이벤트를 소개하고 참여할 수 있는 플랫폼을 통해 지역사회의 활성화와 지역경제의 성장에 도움을 줄 수 있습니다. 이벤트, 모임 커뮤니티 사이트를 주제로, 개인이 여는 자전거, 독서, 강아지 산책같은 모임과자영업자나 소상공인이 주최하는 체험, 행사같은 이벤트를 모임과 이벤트로 구분하여 ..

제로베이스 학습을 어느정도 마치고 개인프로젝트 기간이 찾아왔었습니다.주어진 카테고리 내에 저는 소셜 커뮤니티를 골랐고반려견을 키우는 애견인들을 위한 산책 커뮤니티 멍미팅을 기획했습니다.개인프로젝트이지만 마침 여유가 되는 지인분이 연습겸 서버를 만들어주겠다하여 값진 프로젝트가 되었다.기획 단계는 피그마를 이용해 와이어 프레임 및 프로젝트에 필요한 페이지 및 기능등을 적으며 기획했습니다. 개인프로젝트 전에 진행한 리액트 과제에서 사용한 Vite를 사용해 React.ts로 작업을 시작했으며React-router-dom v6, axios, zustand, TailwindCSS 라이브러리를 추가로 사용했습니다.실시간 날씨 데이터 ( Open Weather API ) Open Weather API를 이용하여 서울을..

Axios는 브라우저 및 node.js 를 위한 Promise API 를 활용하는 HTTP 비동기 통신 라이브러리.쉽게 요약하면 백엔드랑 프론트엔드 통신을 쉽게하기 위해 나온 라이브러리이다.우선 설치 및 사용법을 배우며 알아가보기로 하자. npm을 사용한다면$ npm install axiosyarn을 사용한다면$ yarn add axios 위 코드로 설치를 완료했다면 이제 서버에 통신하여 데이터를 받아올 곳에서 axios를 import 해줘야 한다.import axios from "axios"; 통신 연습을 위해서 https://jsonplaceholder.typicode.com/ 를 활용하기로 했다. 테스트용 페이지는 위처럼 간단하게 만들었고 버튼을 아래와 같이 동작합니다.버튼을 누르면 통신하여 데이터..

Styled-component ? CSS나 SASS같이 class, id, tag name를 가져와 쓰지 않으며 스타일 지정된 컴포넌트 생성하여 Tag 를 쓰듯 스타일 컴포넌트를 사용하는 .리액트에서 UI 단위를 나누어 컴포넌트화 하듯 스타일을 컴포넌트화 하여 재사용이 가능하고 전역에서 중첩되지 않게함. 설치 $ npm install --save styled-components 사용법import React, { Fragment } from 'react';import styled from 'styled-components'; const App = () => { return ( Hello Hello )}const Button = styled.button` borde..