수작노트

학교에서 방학 동안 진행하는 비교과 프로그램을 찾아보게 되었습니다.그러던 중 취업 준비 맞춤형 이미지 메이킹 및 코칭 수강 후기라는 프로그램을 발견했고, 자소서, 퍼스널컬러, 증명사진 등의 다양한 항목들을 체험해볼 수 있어 좋을 것 같다는 생각으로 신청하게 되었습니다. 어떤 프로그램이었고, 어땠는지에 대해 한 번 후기를 작성해보려 합니다!! 프로그램 전... 자소서 작성이제 4학년이 되는데...아직까지 자소서 한 번 써보지 않았던 것이 후회되었습니다.당일 자소서 참삭을 위해 사전에 원하는 기업에 대한 자소서를 작성해서 제출하도록 되어있었습니다. 간단하게 작성하자라는 생각과 달리,,, 막상 작성하려보니 어떤 기업을 선택해야하는가부터가 큰 고비였습니다.공기업인가 사기업인가부터... 너무 다양한 기업들에....

이전 글에서는 웹 UI 개선 이후 앱(WebView)에서 발생한 UI 충돌 문제와, 그 문제를 인식하게 된 배경을 회고 중심으로 정리했습니다. 궁금하시면 아래의 링크에서 확인해보실 수 있어요! [모아동] 웹에서는 괜찮았는데 앱에서는 깨졌다 - WebView와 앱 버전의 문제모아동은 웹 서비스지만, React Native 기반 앱에서도 WebView를 통해 주요 화면을 함께 사용하고 있습니다.특히 동아리 상세페이지부터는 웹뷰를 그대로 공유하는 구조입니다. 저는 웹을 주로 개발suhyun113.tistory.com이번 글에서는 그 문제를 해결하기 위해 실제로 적용했던 웹뷰 라우트 분리 설계와 그 구현 방식에 대해 정리해보았습니다. 하나의 라우트, 서로 다른 버전의 사용자모아동은 웹 서비스이지만, React..

모아동은 웹 서비스지만, React Native 기반 앱에서도 WebView를 통해 주요 화면을 함께 사용하고 있습니다.특히 동아리 상세페이지부터는 웹뷰를 그대로 공유하는 구조입니다. 저는 웹을 주로 개발하고 있어서 앱쪽은 잘 모르는 상태였습니다. 그래서 제대로 생각을 못 했던 것 같습니다.웹 상세페이지의 UI 개선을 마친 후, 웹은 릴리즈를 했습니다.앱에서도 이후 업데이트를 통해 변경된 UI가 적용될 것이라 막연히 생각했던게 잘못된 생각이었습니다.웹 배포 이후, 이상이 없는지 확인해보기 위해 앱 화면을 들어가서 보고 팀원들과 이야기하며 시작되었죠... 웹에서는 괜찮았는데, 앱에서는 깨졌다...웹 릴리즈 이후, 앱 화면에서 상세페이지 UI를 확인해보고 있었습니다. 그리고 아래와 같은 화면을 저는 보게되..

이전 글에서 모아동 동아리 상세페이지의 활동사진 탭 전환 시 이미지 로딩 지연 문제를 구조적으로 개선했었습니다!탭 클릭 시 컴포넌트를 새로 마운트하지 않고, 미리 마운트한 상태에서 display만 전환하도록 바꾼 방식 덕분에 체감 UX는 확실히 좋아진 것을 확인할 수 있었어요! 다만, 단순히 좋아졌다로 끝나기 보다 수치적으로 설명할 수 있다면 훨씬 객관적인 증명이 될 것 같았습니다.코드 리뷰를 통해서도 Lighthouse 기준으로 LCP before/after 수치를 한 번 측정해서 비교해보는게 개선 효과를 수치적으로 보여줄 수 있을 것 같다는 좋은 조언을 받았습니다! 처음 들어봤는데, 저도 이 작업을 좀 더 수치적으로 설명하고 싶었기 때문에 너무 좋은 조언이었고 바로 시도해보기로 했습니다!다만,,, 이..

작년 8월부터 합류하여 개발하고 있던 모아동 프로젝트에서 이번에 이미지 최적화 작업을 시도하게 되었습니다이 프로젝트는 현재 아래의 링크를 통해 확인해볼 수 있습니다! 모아동모아 동아리! 부경대학교 모든 동아리를 한눈에!www.moadong.com부경대학교 학생들을 위해 에브리타임에서 일일히 찾아봐야하는 번거로움을 줄이고자 동아리를 한눈에 볼 수 있는 웹 사이트를 만들게 되었습니다! 현재 Android 및 Ios에서 앱도 출시되어 있어 확인해볼 수 있습니다!이번 2026년 1학기 신입생들이 많이 사용해주길 바라며 방학인 지금,사용자를 고려하여 각종 버그를 고치고 리펙토링하고 있습니다!오늘의 개발 내용모아동 프로젝트의 동아리 상세페이지에는 아래의 이미지와 같이 소개 내용 / 활동 사진으로 총 두 개의 탭이 ..

2학기가 시작되고,,, 한참 바쁘게 살면서 글을 업로드하는 것을 놓아버렸네요...정말 나약한 저를 보니... 그냥 흘려보낸 시간들이 아깝게 느껴지기도 하고... 후회가 많이 되는 것 같아요 너무 꼼꼼하게, 완벽하게 글을 작성하려 하니 시간도 너무 오래 들고꾸준히 지속하기가 어려웠던 것 같아요 벌써 2026년 1월이 끝나가네요...후회가 되기도 하고, 벌써 제가 졸업을 바라보고 있다는 사실이 믿기지 않아요하루하루 너무 시간을 허비하고 있는 것 같다는 생각이 급 들게되어... 후회하는 마음과 새로운 시작을 하기 위해글을 작성해봅니다. 2025년 후회되는 것들2025년 제가 블로그를 시작한 해입니다!시간이 정말 빠르게 흘러가는 것 같아요... 분명 매일 매일 바쁘게 살았다고 생각했는데,,,지금 생각해보면 내..

벌써 방학이 끝이 났습니다. 시간이 정말 빠르게 흘러간 것 같습니다. 이번 8월 하반기는 막판 스퍼트를 올리듯 바쁘게 보냈습니다.이틀간 AWS 수업을 듣고, 동아리에서는 면접관으로 참여하여 신입 회원들의 면접을 직접 진행하기도 했습니다.방학이 끝나갈 무렵에 이처럼 다양한 활동을 하다 보니, 한 달이 어떻게 지나갔는지 모를 정도로 많은 일들이 있었습니다. 특히 아마존 베드락과 AWS 관련 공부, 그리고 모아동 개발을 위해 React를 조금씩 익히는 시간을 가졌습니다.아직은 입문 단계이지만 새로운 기술을 접하고 직접 사용해 보는 경험이 의미 있었습니다. 이제 9월이 시작되어 개강을 맞이하니 앞으로는 더 바쁘게 지내게 될 것 같습니다.막 개강을 하니 기분이 다소 싱숭생숭하지만, 놀 땐 잘 놀고 공부할 땐 열심..

코딩테스트를 준비하면서 알고리즘 공부의 필요성을 절실히 느끼게 되었습니다.특히 알고리즘이 자료구조와 밀접하게 연결되어 있다는 점을 알게 되면서,이번 기회에 알고리즘을 제대로 학습해보아야겠다고 다짐하였습니다. 문제를 풀기에 앞서, 우선 알고리즘에는 어떤 대표적인 유형들이 있는지 정리하고 살펴보고자 합니다. 알고리즘(Algorithm) 알고리즘은 어떤 문제를 해결하기 위해 명확히 정의된 유한한 단계의 절차입니다. 같은 문제라도 어떤 절차를 사용하느냐에 따라 실행 시간과 메모리 사용량이 크게 달라질 수 있습니다.따라서 알고리즘을 설계할 때는 효율성과 정확성을 동시에 고려하는 것이 중요합니다.알고리즘의 조건알고리즘이 성립하기 위해서는 다음과 같은 조건들을 만족해야 합니다.정확성 : 주어진 입력에 대해 올바른 ..

벌써 8월의 절반 이상이 지나갔습니다. (회고가 좀 늦어졌네요...)이 글을 작성하고 있는 지금, 이미 하반기를 향해 달려나가고 있습니다. 거의 방학의 마지막 기간이기도 하여, 시간을 어떻게 보내느냐가 더욱 중요하게 다가오는 것 같습니다.빠르게 흘러가는 하루하루 속에서 제가 세운 계획들을 얼마나 지켜왔는지 돌아보고,남은 기간을 어떻게 채워나갈지 고민해보겠습니다. 8월 상반기 목표벌써 8월 중순이 되었습니다. 회고가 조금 늦어졌지만, 이번 상반기를 돌아보며 정리해보고자 합니다. 방학도 어느덧 막바지에 다다라 이제는 8월 하반기를 향해 달려야 할 시점입니다.앞으로의 방향을 세우기 위해서라도, 지금까지의 과정을 점검하는 시간이 꼭 필요하다고 느낍니다. 특히 이번 8월 상반기는 '계획적으로 살아가기'를 가장 ..

저는 React 개발을 위해 팀에서 사용하는 Styled-Components에 대해 공부하게 되었습니다. CSS는 프로젝트가 커질수록 관리하기 어려운 경우가 많습니다.전역으로 스타일이 흩어져 있거나, 클래스명이 충돌하거나, 재사용하기 힘든 문제가 자주 발생합니다. 이런 문제들을 해결하기 위해 등장한 개념이 CSS-in-JS입니다.이번 글에서는 이 개념을 간단히 소개하고, 그 중에서도 많이 쓰이는 라이브러리인 Styled-Components에 대해 알아보겠습니다. CSS-in-JSCSS를 자바스크립트 파일 안에서 작성하는 방식 이 방식을 사용하면 스타일과 컴포넌트를 하나의 단위로 묶을 수 있어서, 유지보수성과 재사용성이 높아집니다.또한 전역 네임스페이스 문제를 피할 수 있고, props나 state와 같..