미리보기
기본 정보
안녕하세요, 프론트엔드 개발자 방혜진입니다! 배움을 나누며 함께 성장하는 것을 중요하게 생각합니다. 블로그를 통해 학습한 내용을 24+개 포스팅으로 정리하여, 단순한 지식 전달을 넘어 제가 이해한 내용을 체계적으로 기록하는 데 중점을 두고 있습니다. 또한, 스터디를 통해 서로의 성장을 도모하고 있습니다. 사용자 경험을 최우선으로 생각하며, 직관적이고 편리한 UI/UX가 서비스 성공의 중요한 요소라고 믿습니다. 사용자의 관점에서 고민하고, 더 나은 경험을 제공하기 위해 꾸준히 UI/UX 개선에 힘쓰고 있습니다.
기술 스택
HTML/CSS, JavaScript, React, tailwind-css, REST API
프로젝트
초음파 가습기 만들기
동양미래대학교 캡스톤기초설계 팀프로젝트
2022.05. ~ 2022.06.
초음파 가습기 프로젝트 요약
목적: 아두이노와 앱인벤터를 연동하여 초음파 가습기 제어 시스템을 구축
사용된 주요 기술 및 도구 Arduino, 앱인벤터, I2C LCD, 온습도 센서, 블루투스 모듈, 초음파 가습기 센서
주요 기능:
앱인벤터 연동: 블루투스를 통해 아두이노와 데이터를 주고받아 가습기 제어
수동 및 자동 모드: 온습도 데이터를 기반으로 자동으로 가습기를 작동시키거나, 수동으로 조작 가능
LCD 디스플레이: 실시간 온습도와 모드 정보를 출력
코딩: ArduinoJson을 사용해 JSON 데이터 송수신, DHT 라이브러리로 온습도 측정
내 역할
앱인벤터 디자인: UI 설계 및 블록 코딩을 통해 수동/자동 모드 전환 기능을 구현
수동 및 자동 모드 구현: 센서 값에 따른 자동 제어와 수동 모드 기능을 개발
코딩: 아두이노와 앱인벤터 간 데이터 통신 및 센서 데이터 처리 로직 구현
문제 해결
문제: 자동 모드에서 블루투스 통신 불안정으로 데이터 전송 오류 발생
해결: ArduinoJson을 활용해 데이터 형식 통일 및 메모리 관리 문제 해결, 통신 안정성을 확보해 자동 모드 정상화
My React Blog - HYEHYE
개인
2024.07. ~ 2024.08.
React를 사용하여 구축한 개인 블로그 프로젝트로, Vercel을 통해 배포되었습니다. 이 프로젝트에서는 다양한 기술 스택을 활용하여 성능을 최적화하고, 사용자 경험을 개선하는 데 중점을 두었습니다.
프로젝트 요약
목적: React를 활용한 개인 블로그 사이트 구축
기술 스택: HTML, CSS, JavaScript, React, Axios, Vite, Tailwind CSS
주요 기능:
사용자 인터페이스(UI) 설계 및 구현 (TailwindCSS 활용)
비동기 데이터 처리 및 상태 관리 (useState, useEffect, Axios 사용)
프로필 관리 (react-hook-form으로 폼 데이터 처리 및 로컬 스토리지 연동)
모킹 API 처리 (MSW로 백엔드 없이 데이터 모킹)
일정 관리 기능 (FullCalendar로 일정 관리 페이지 구현)