You're importing a component that needs useRef. It only works in a Client Component but none of its parents are marked with "use client", so they're S

취업을 하면서 받아온 질문과 인터넷 상에서 찾을 수 있는 프론트엔드 면접 질문에 자주 나오는 키워드들을 모아둔 노션입니다.https://fuchsia-lightyear-3bd.notion.site/2023-02-20-37350e3f356f458cb4353bcd

versel 배포 너무 쉽다. 정말 너무 쉬워서 무서워!!디자인 리뉴얼 어제 저녁부터 고민했던 건데, 처음 디자인을 할 때 반응형을 전혀 고려 안하고 만들었다. 그래서 밤에 css로 뜯어고치다가 반응형을 고려하여 피그마 자체를 수정하는게 더 빠를 것 같다는 생각이 들었

ㅇㅇ

https://refactoring.guru/ko/design-patterns/creational-patterns

Next.js를 제대로 사용하는 것은 처음이다. 처음 공부를 할때 늘 공식문서를 먼저 참고해야한다는 강박이 있었다. 공식문서를 참고하는 것은 물론 좋은 방법이지만, 완전 노베이스일 때는 시간이 낭비된다.양질의 강의 한편으로 시간을 몇배는 단축 시킬 수 있다. 나는 유튜

next.js를 공부하고 자려는 때에 그래도 볼 수 있는 디자인이 있으면 좋겠다 싶어서 피그마로 화면작업 및 구현사항을 정리해보았다. 아래는 손수 만든 피그마 화면들이다...메인페이지메인페이지는 완전 간단하게 시리즈들을 무한스크롤로 보여줄 것이다.시리즈페이지시리즈 리스

블로그 제작 프로젝트를 진행하면서 회고록 및 메모를 동시에 남겨보려고 합니다. 1인 프로젝트를 하게되면서, 프론트와 서버를 손수 개발해야하기 때문에 비교적 지식과 경험이 부족한 서버단을 잘 구현하기 위해서는 정리가 지속적으로 필요할 것 같아서 회고록이라는 수단을 써보려

1일 1커밋 챌린지를 하고 한 2달 정도가 지났다. 1달은 열심히했는데, 2달째 들어오니까 어째서 빈 칸이 많아지는지?... 역시 회고록을 작성해야 반성도 하고 노력도 할 것 같아서 주기적으로 1일1커밋 회고를 써보려한다.개인 프로젝트의 단점은 개발 일정이 유연하다는

리덕스 툴킷은 리덕스의 복잡한 환경설정을 간단하게 해줍니다. 자세한 건 공식문서를 참고하면 좋습니다.몇 가지 개념만 알아두면 편하게 사용할 수 있습니다.action, ruducers 등등등 관련된 걸 편하게 한번에 정의하는 것을 말합니다. 이름은 그냥 slice라고 공

🏄‍♀️ 참고링크 > 튜토리얼 공식 문서입니다. 타입스크립트에서의 활용입니다. Js랑 다른 부분이 많으니 꼭꼭 참고!!! 넥스트 예시모음 깃허브 레포지토리입니다. 참고하면 좋을 것 같습니다~ Next.js + Typescript + Styled-components

파이어송이와 캐럿홍 프론트 초기세팅에 대한 기록입니다. 나중에 수정할 부분을 잘 찾기위해서...

신난다 위코드, 저스트코드를 수료한지 한달이 지났습니다! 그 한 달 사이, 좋은 기회로 좋은 회사와 함께 할 수 있게 되었습니다. 부트캠프 이후 취업을 위해 어떤 준비를 하였고, 이 과정에서 커리어코치 유안님께 도움받은 부분을 기록해보고자 회고하는 시간을 가져보려고

환경변수는 .env라는 파일의 이름으로 저장하여 사용하게 됩니다. 직접적으로 값이 밝혀지면 안되는 경우, API키나 백 서버 주소 등등 보완을 위해서 설정하여서 사용합니다..env.development 등, 다양한 이름으로 관리할 수 있습니다. 내부에는 값을 이런 식으

모종의 이유로 리덕스를 1일만에 공부하여 적용해야하는 급박한 상황이 생겼습니다. 어쨌든 적용하여서 되게하긴 했으나! 여전히 원리와 깊은 내용은 모르겠습니다.리덕스가 왜 유행하는 것일까요? 몹엑스를 사용해본 적 있어서 전역으로 상태관리하는 것의 편리함은 알고 있었습니다.

리액트의 기본 훅들이 익숙해지니.... 이제는 최적화에 눈이 가기 시작합니다. 리소스를 아끼고 싶고, 원하는대로 딱딱 동작하는 웹을 개발하고 싶어집니다. 그렇기에 Usememo, usecallback같은 훅을 공부해보록 합시다!메모이제이션이라는 의미는, 동일한 값을 리

프로그래밍을 하기 전에 필수적으로 알아야 하는 개념은 무엇일까요? 여러가지 있겠지만, 변수를 선언했을때 이 변수가 어디까지 이용가능한지를 알아야 코드를 작성할 수 있을 것 같습니다. 그 변수가 이용가능한 범위를 바로 '스코프'라고 합니다. 정의: 변수이름, 함수이름 등

백준 문제 풀이 with pythonhttps://xcc1.tistory.com/category/%EB%B0%B1%EC%A4%80

시멘틱 마크업이란 의미를 잘 전달할 수 있도록 HTML 문서를 작성하는 것을 말합니다. 위 그림처럼 div 태그로만 작성하는 것이 아닌, 각 부분에 알맞는 태그를 사용하여 웹 구조를 의미있게 만드는 것을 말합니다.예시검색엔진이 웹을 잘 이해해서, SEO에 유리해집니다.

📎 연관 자료\[TIL] SSR vs. CSR공식문서를 바탕으로 NEXT.js가 무엇이고, 어떤 식으로 사용하는지에 대해 간략하게 공부해보고자 합니다. Next.js는 빠른 웹 애플리케이션을 만들기 위한 빌딩 블록을 제공하는 유연한 React 프레임워크입니다.웹 어플