profile
hi there~!

children에게 Props 전달하기

여러 곳에서 사용하는 공통된 컴포넌트의 모든 자식 요소에 props를 전달하고 싶었다.굳이 Provider를 만들고 싶지 않았는데, 찾다가 새로운 걸 발견했다.https://react.dev/reference/react/cloneElementcloneEleme

2024년 2월 8일
·
0개의 댓글
·

SEO(검색 엔진 최적화) open graph 설정하기

SEO(검색 엔진 최적화)에서 Open Graph는 웹 페이지의 메타데이터를 정의하는 데 사용되는 프로토콜 중 하나입니다. 주로 소셜 미디어 플랫폼에서 링크를 공유할 때 사용되며, 웹 페이지가 어떻게 보이고 공유되는지에 대한 정보를 제공합니다. Open Graph 태그

2024년 1월 23일
·
0개의 댓글
·
post-thumbnail

Next.js13 dynamic route

상황 Next.js 13 버전을 이용해서 프로젝트 진행 중 dynamic route를 사용할 일이 있었다. 리스트에서 사진을 클릭 시 사진 디테일 페이지로 넘어가게 해야했다. 파일 구조는 아래와 같이 설계했다. 일단 확인을 위해 콘솔을 찍어봤다. 확인해보니, 터미널

2023년 12월 14일
·
0개의 댓글
·
post-thumbnail

Next.js .env 환경변수 설정

카카오 api 사용해 로그인 기능 구현 중 .env 파일을 아래처럼 작성했다.이렇게 설정하고 요렇게 가져다 썼는데, 에러가 났다.자세히 보니, undefined로 들어가있었다.env 는 서버에서만 접근가능하기 때문에, 클라이언트 환경에서는 undefined로 나타나는

2023년 11월 6일
·
0개의 댓글
·
post-thumbnail

SHA-256 해시 알고리즘을 이용해 비밀번호 암호화하기 에러

회원가입을 구현 시 비밀번호 해싱을 해야했다.SHA-256 해시 알고리즘을 이용해서 비밀번호를 암호화하기로 했다.우선, 나는 한번도 암호화를 해본적이 없어서 개념부터 찾아보았다.유저의 비밀번호는 절대 그대로 DB에 저장해서는 안된다.(법률적 강제)DB가 해킹 당하거나

2023년 10월 31일
·
0개의 댓글
·
post-thumbnail

A non-serializable value was detected in an action 에러

리덕스로 유저정보(name, company, email)을 저장하는데 아래와 같은 에러가 떴다.오류 내용을 보면 직렬화할 수 없는 값을 action에 전달했다는 뜻이다.직렬화(serialization) : object를 string으로 변환하는 것역직렬화(deseria

2023년 10월 30일
·
0개의 댓글
·
post-thumbnail

axios 응답 200인데 ..? 에러같다

응답 200 인데..? data가 이상하다.명세서를 자세히 보니 0이어야 정상이라고 한다.근데 아무리 해도 error: 2 가 나온다BASE_URL 도 맞고, 경로도 맞고, 똑같은 형식으로 회원가입에서는 error: 0 으로 응답이 잘만 됐었다.뭐지..200이면 다 성

2023년 10월 28일
·
0개의 댓글
·

알고리즘 스터디 1주차_ 230624 백준 2606 바이러스

알고리즘 3달만에 해서 가물가물했다..DFS로 구현했고, stdin으로 실행하면 런타임에러난다..🫠코드가 잘못된줄 알고 한참 삽질했다.다들 readline으로 작성하길 권장한다 !백준 2606번 바로가기

2023년 6월 24일
·
0개의 댓글
·
post-thumbnail

[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 2주차 - 과제 중 에러..🚫

과제 목록 vanilla js로 배경이미지 랜덤 변경 vanilla js로 인사 만들기 vanilla js로 시계 만들기 vanilla js로 할 일 목록 만들기 vanilla js로 내 위치의 날씨 만들기 과제 중 내 위치 날씨를 가져오는 중에 Weather AP

2023년 6월 22일
·
0개의 댓글
·

[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 2주차 - 개인 과제 후기

기능 구현 없이 퍼블리싱만 진행하였다. 디테일을 신경 쓰다가 초기에 레이아웃을 좀 깊게 고민하지 않았던 거 같아서 마무리 단계에서 살짝 후회했다. 나도 클래스명 찾다가 헷갈림..🫠네이밍 이라던가, 스타일링을 좀 더 가독성 좋게 하면 추후에 더 보기 좋을 것 같다. 또

2023년 6월 19일
·
0개의 댓글
·
post-thumbnail

[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 2주차 - 실습 2

HTML 문서의 가독성이 좋다. 웹 접근성이 좋아진다.(SEO 최적화 / 시각장애인 등)코드의 유지보수가 쉬워진다.해당 홈페이지는 시맨틱 태그를 사용하지 않고, 모두 div 태그를 사용했고, id를 부여했다. 따라서 id 명을 일일이 확인해야하는 번거로움이 생겼다. 비

2023년 6월 12일
·
0개의 댓글
·
post-thumbnail

[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 서비스기획 2차 강의 - UML

UML(Unified Modeling Language) 이란 ? 통합 모델링 언어를 사용해 시스템 상호작용, 업무흐름, 시스템 구조 등을 그린 도면이다. 시스템 자체의 산출물의 역할을 시각화한다. 이 과정을 통해 반드시 필요한 행위를 기반으로 한 객체지향 모델링이 가능

2023년 6월 8일
·
0개의 댓글
·

아키텍쳐 마인드맵 (1주차)

첫 과제 : draw.io 를 이용한 내가 만들고 싶은 아키텍쳐에 대한 마인드맵 만들기 1. 아이디어 아이있는 집은 흔치않은데, 애완동물 있는 집은 점점 늘어나는 추세이다. 동물에 대한 웹을 만들면 사용자에게 흥미를 끌 수 있을 것이라고 생각했다.

2023년 6월 6일
·
0개의 댓글
·