: 최상위 메뉴로 보통 상단에 위치하고 있다. 메인메뉴로도 부름. GNB를 누를 경우 소제목 형식으로 나오는 메뉴를 가르킨다. 네이게이션을 통해 특정 지역으로 가능 네비게이션 바이다. SNB가 Left에 위치해 있을 때, LNB 라고도 부른다.메인 메뉴, 서브 메뉴를

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

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

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

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

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

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

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

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

백준 2875번 바로가기유형 : 그리디

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

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

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

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

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