개발 log

B:Link 개발 중 .. 문제가 생겼다..그동안 JS로 개발하던 내가 TS로 개발하며 생각보다 신경써야 할 부분(타입 선언 등..)이 많았는데 styled-component에서도 props로 하려고 하니 에러가 생겼다.TypeScript로 개발하니 에러가 좀 이쁘게

구름톤 1기 대상 작품인 "mooco"를 리액트 네이티브를 활용해 안드로이드로 리뉴얼하고 있다.expo를 활용해 개발하고 있지만, 에뮬레이터, expo, rn 등 다 처음 접하는 것들이기에 어려움도 많다.그나마 다행인건 리액트와 비슷하다는 것이다.그러던 중 한 가지 어

⚠️ warnig: React does not recognize the "something" prop on a DOM element. styled-component를 사용하다가 배경 이미지를 props로 처리해야 했는데 !! 콘솔을 보니 갑자기 ⚠️에러⚠️가 와장창엉엉

코딩을 배운지 1년 🐣 동국대 멋쟁이사자처럼에 11기로 들어와 어느덧 12기 운영진까지 하고 있다. (감개무량) 작년 아기사자였을 때 가을 축제 사이트 프론트엔드를 담당했는데, 어느덧 운영진이 되어 또다시 봄 축제 사이트 프론트엔드를 담당하게 되었다! 🦁🪷 1

어느덧 2번째 편 !!지난 1편에는 개발하는 과정에서 겪은 이슈를 이야기해보았는데이젠 학교에 배포 후 겪은 것들을 이야기해보고자 한다!!우리 사이트에는 부스 디테일 페이지에서 링크를 복사해 다른 사람에게 그 부스를 공유할 수 있는 기능이 있었다!! 그리고 그 부스 디테

요즘 개발하고 있는 서비스는 반응형으로 제작해야 한다!desktop, tablet, mobile 크게 3가지로 구분된다.본격적인 개발 시작 전 초기 폴더 세팅을 해야 했는데, 이때 반응형을 담당하기로 했다." media query를 활용해볼까?"처음에는 모든 페이지의

개발을 하면서 구글 폰트를 사용할 일이 있었다.사용할 폰트는 크게 3가지로 pretendard, montserrat, Montserrat Alternates이렇게 !!링크로 import해서 사용할까 하다가 폰트 갯수도 몇개 안되어서 그냥 로컬에 저장해놓는게 좋겠다는 생

presigned url을 활용해 aws s3 bucket에 이미지를 업로드해보아용

다국어 기능 라이브러리 가보자고 ~

평소와 같이 mac으로 개발을 하고 있던 중 .. 계속해서 신경 쓰이는 팝업이 생겼다. like this..! 'Docker'은(는) 사용자의 컴퓨터를 손상시킵니다. 해당 항목을 휴지통으로 이동해야 합니다. 휴지통으로 이동 눌러도 계속 생기던 저 팝업 .. 노트북

프로젝트를 진행하면서 모달을 만들고, 그 모달의 바깥을 누르면 자동으로 닫히게 하는걸 개발했다.이런식으로 ! 그런데 모달부분을 눌러도 그냥 closeModal이 실행되어 닫히는게 아닌가 ...이게 무슨 어이없는 일이지 !! 하고 찾아봤는데음 .. 당연한거였다. (사실

프로젝트를 할 때 footer가 있는건 아주 흔하다.그런데 footer가 내맘처럼 바닥에 딱 붙어있지 않는 경우도 흔하다 ..내가 원하는건footer가 화면 맨 밑에 고정되어 있는 것만약 footer 위 요소들이 화면 전체를 꽉채우지 못할정도여도 화면의 맨 밑에 고정되

룰루랄라 배포 브랜치에 적용 후 테스트를 해보는데 분명 배포 전에는 주소창에 직접 /login 이렇게 쳐도 에러가 안났는데.. 배포하니까 에러가 나는게 아닌가 ..?like this...(너가 .. 먼데 ..)바로 내가 spa로 개발했기 때문이다 !! spa는 inde

소셜 로그인을 하는데, 이번 프로젝트에서는 OIDC 방식으로 구현을 하기로 했다.OpenID Connect를 의미한다. OAuth 2.0을 기반으로 한 인증 프로토콜로, 사용자의 신원 (identity)을 확인하는데 사용된다.그렇다면 OAuth 2.0와 어떤 점이 다른

친한 사람의 부탁을 받아 개인적인 웹사이트를 하나 만들고 있는게 있다.(리액트 js vite 환경에서!)이 웹사이트는 영어 소통이 잘 되지 않는 외국인에게 안내를 해주는 목적을 가지고 있기에자동 번역 이 필수적이었다.이에 번역 api를 여러개 찾아보게 되었고, 구글 번

웹에서 실시간 기능을 구현할 때가 종종 있다.이때 우리는 주로 웹 소켓을 고려하게 된다. 지난 해커톤에서 프로젝트를 하면서 SSE를 알게 되어 둘이 차이점과 사용 방법을 알아보고자 한다.웹소켓은 서버와 클라이언트 양방향으로 통신이 가능하다.프로토콜은 websocket

팀 단위로 프로젝트를 진행하다보면 코드 리뷰 할 일이 매우 많다. 그런데 어떤 사람이 pr을 보낼때마다 카톡에 말을 하고 코드 리뷰를 부탁하는 방법은 사실 좀 비효율적이다.Github에 특정 action을 했을 때 디스코드에서 자동으로 알림이 가도록 설정할 수 있다.

24시간 채 안되는 시간동안 개발이라는 것을 해보았는데요 .

24시간도 안되는 개발 시간 속에서 새로운거 사용해보기 - zustand

캐러셀 구현을 위해 종종 swiper를 사용한다.설치파일에서 import해야 할 것들기본 구성 코드자주 사용하는 옵션slidesPerView: 한 화면에 보여질 슬라이드 개수spaceBetween: 슬라이드 간 간격 (px 단위)loop: 슬라이드를 무한 반복 (loo

뚜둔 error의 body를 못가져오는 에러를 해결해보자

웹소켓 테스트를 위해 .. 포스트맨을 사용해보았는데요 ..

github actions 사용해보기