strawji02/saju_web

홍익대학교 컴퓨터공학과 20학번 황준혁 입니다.

✏️ Career

Type	Name	Date	Organization
Education	Computer Engineering	2024.03 ~	Hongik University
Work Experience	Frontend Developer	2023.02 ~ 2023.12	Fanmaum (팬마음)
Work Experience	Frontend Developer	2022.01 ~ 2023.01	Itian (아이티언)
Education	Computer Engineering	2020.03 ~ Leave of Absence	Hongik University
Education	Department of Software	2017.03 ~ 2020.02	Sunrin Internet Highschool

👩🏻‍💻 Tech Stack

🔖 Activate

• 팬마음 (트로트 스타 투표 서비스) 프론트엔드 개발 (2023.02)

• APPM (로보 어드바이저 금융 자문 일임 서비스) 프론트엔드 개발 (2022.08)

• ILMS (연구소 라이센스 관리 프로그램) 프론트엔드 개발 (2022.05)

• BIG-MAP (네트워크 장비의 모니터링 솔루션) 프론트엔드 유지보수 (2022.01)

• 홍익대학교 컴퓨터공학과 개발학회 부학회장, HTML · CSS 기초 스터디 스터디장 (2021.02)

• 홍익대학교 자기주도학습 개발동아리 (C언어 기초 스터디) 팀 대표

• 신촌연합 동아리 내 소모임 프로젝트(mazassumnida) (2020.07)

📖 Project

팬마음

트로트 스타의 팬덤을 위한 투표 서비스

mazassumnida

알고리즘 문제 사이트인 백준의 문제 티어를 표시해주는 확장인 Solved.ac의 본인 프로필을 카드형식의 디자인으로 예쁘게 표시할 수 있게 만들기 위해 진행한 프로젝트

tierimnida

백준에서 유저 정보에 있는 푼 문제들이 티어 정보를 볼 수 없고 숫자 기준으로만 정렬되어 있어, 이를 티어별 정렬 옵션과 함께 티어 색을 텍스트에 씌우면 좋을 것 같다는 생각으로 진행한 프로젝트

cocktails-recipe

재료에 따른 칵테일 리스트를 보여주고 날짜에 따른 랜덤 칵테일 추천으로 칵테일 제작에 도움이 되기 위해 진행한 프로젝트

saju_web's Issues

[개선] 폰트 최적화

개선 사항

현재 폰트 로딩시간이 걸립니다. 빠른 로딩을 위해 Next.js의 next/font를 도입해야 합니다.

대체 솔루션 또는 기능

Next.js의 폰트

다음/글꼴에는 모든 글꼴 파일에 대한 자동 자체 호스팅 기능이 내장되어 있습니다. 즉, 기본 CSS 크기 조정 속성을 사용하여 레이아웃 이동 없이 웹 글꼴을 최적으로 로드할 수 있습니다.

또한 이 새로운 글꼴 시스템을 사용하면 성능과 개인정보 보호를 염두에 두고 모든 Google 글꼴을 편리하게 사용할 수 있습니다. CSS 및 글꼴 파일은 빌드 시 다운로드되며 나머지 정적 에셋과 함께 자체 호스팅됩니다. 브라우저에서 Google에 요청을 보내지 않습니다.

레퍼런스

• Next.js 공식 문서
• Next.js API 래퍼런스

[버그] 일부 브라우저에서 이미지가 깨져서 저장됩니다

문제 상황 설명

1. 이미지를 저장합니다
2. 확인합니다

미디어 & 스크린샷

No response

운영체제

• OS: [e.g. iOS, Android, Windows, MacOS]: IOS

• Browser [e.g. chrome, safari]: Safari

• Any other details...

기타

• 인스타 공유시 쉽게 올릴수 있도록 개선합니다
• 참고링크 (스티커 MBTI검사)

이 문제의 우선 순위는 다음과 같습니다.

보통 (고쳐야 하는 버그)

[기능] 공유하기로 들어온 유저의 정보 표시

새로운 기능

현재 공유하기 링크를 타고 들어온 유저와 차별점은 결과화면에서 나타납니다.
처음 공유하기로 들어왔을 때, 해당 차별점에 대한 내용이 표시되어야 할 듯 합니다.

대체 솔루션 또는 기능

No response

레퍼런스

No response

[개선] 출생지 리스트 UI 업데이트

개선 사항

현재 출생지 리스트의 이미지가 다음과 같습니다.

3글자 이상 글자들에 대한 width 설정을 추가해 정렬해주어야 합니다.

대체 솔루션 또는 기능

No response

레퍼런스

No response

[기능] Vercel Analytics 추가

새로운 기능

vercel analytics 를 추가합니다

대체 솔루션 또는 기능

https://vercel.com/strawji02/saju-web/analytics

레퍼런스

No response

[개선] 결과화면 UI 수정

개선 사항

피그마 디자인이 반영이 되다 말았습니다.

대체 솔루션 또는 기능

No response

레퍼런스

[개선] 파비콘과 타이틀 추가

개선 사항

현재 파비콘과 타이틀이 Next.js 기본 상태입니다.
파비콘은 없으면 그대로 두고 타이틀이라도 수정합니다

대체 솔루션 또는 기능

title: 너와 나의 하루

레퍼런스

No response

[기능] 나와 맞는 / 안맞는 일주에 대한 설명

새로운 기능

결과 링크 에서 각 일주에 대한 정보를 포함해야 합니다

대체 솔루션 또는 기능

No response

레퍼런스

No response

[버그] input step4의 체크박스 state가 맞지 않음

문제 상황 설명

1. step 4에서 이용약관 동의 체크박스를 선택합니다.
2. history.back 을 이용해 step 3으로 갑니다.
3. 다시 step 4로 넘어오게 되면, 체크박스는 체크되어 있지 않지만 결과보기 버튼이 활성화 되어있습니다.

form의 state와 checkbox의 state가 동기화되지 않아 생기는 문제로 보입니다.

미디어 & 스크린샷

No response

운영체제

• OS: [e.g. iOS, Android, Windows, MacOS]: ALL

• Browser [e.g. chrome, safari]: ALL

• Any other details...

이 문제의 우선 순위는 다음과 같습니다.

보통 (고쳐야 하는 버그)

[개선] 궁합 결과 모달을 한번만 띄워주도록 변경

개선 사항

공유하기를 통해 결과를 볼 때 처음 들어왔을때 뜬 이후, 다시 들어오면 더이상 자동으로 뜨지 않았으면 합니다.

대체 솔루션 또는 기능

No response

레퍼런스

No response