TailwindCSS는 한 번도 사용해본적이 없는데 최근에 조금 궁금했던 적이 있었다. 언젠가 배워야징~ 하고 있었는데 이번에 Next.js 강의를 들으며 공부를 하는데, 프로젝트 생성 시 초기 세팅을 위해 묻는 질문들 중 TailwindCSS를 사용할건지를 묻더라. 어차피 대충 알기론 어렵다거나 배울 내용이 많다거나 한 건 아닌것 같아서, 기회 삼아서 그냥 한 번 써보기로 했다.ㅎ https://tailwindcss.com/docs/installation Installation - Tailwind CSS The simplest and fastest way to get up and running with Tailwind CSS from scratch is with the Tailwind CLI tool...

State의 변경 ✅ state를 변경시키려면 스프레드 연산자를 사용하여 값을 복사한 후, 복사본의 값을 변경시켜야 한다. 이는 리액트의 불변성과 관련있는데, 리액트는 기존 state와 새 state의 값을 비교하여 다를 경우에만 상태 변화를 감지한다. 불변성을 지켜줌으로써 효율적인 상태 업데이트를 하는 것이다. 때문에 상태를 직접 수정하기보다 복사본을 만들고 이 값을 변경해주는 것이 바람직한데, 여기서 또 주의할 점이 있다.let [ count, setCount ] = useState(0); let newCount = state # -> (x) let newCount = [...count] # -> (o)위 예시 코드의 세 번째 줄과 같이 작성할 경우, 데이터의 값을 복사하는 것이 아니라 값의 주소를 ..

쓰다보니 재밌네 난 글쓰는거 그런거 안맞는다 생각했는데 ... 역시 난 머릿 속에만 생각을 가둬놓으면 오히려 안되고 말로든 글로든 밖으로 꺼내야 정리가 되는 것 같다ㅋ 근데 문제는 아직은 글 쓰는게 어색해서 포스팅 하나 작성하는 데에 너무 오랜 시간이 걸린다는거... 특히나 오로지 내 생각과 느낀점만을 정리한 글은 더더더더욱.... 이런거에 약한 st는 슬프다. (지금도 새벽의 힘을 빌리고 있음) 생각하는 것도 몰입하는 데에 꽤나 많은 시간과 힘이 든다. 그래서 그냥 일상 블로그는 쓸 수가 없다. 핑곈가? 몰라 귀찮아서라고 해도 뭐 맞긴해 그래도 개발 블로그는 쓴다 ㅋ ..써야지... 맞지 글 쓰는 습관 좀 들이려고 소모임도 들어갔는데 열심히 써야지ㅎㅎ

이번 글은 처음으로 나의 생각을 길게 담은 글이 될 예정이다.글도 써본 사람이 잘 쓴다는데, 나는 사실 글 쓰는 것을 썩 좋아하는 편은 아닌지라 아쉽게도 필력이 좋진 않다.그래서 소모임에 들어갔다. 그 첫 시작으로, 개발자를 희망하는 학생으로서 '어떤 개발자가 되고 싶은가'에 대해 고민하고 글을 써볼까 한다. . . .   #어쩌다보니나는 컴퓨터공학을 전공하는 학생이다. 그리고 현재는 웹 프론트엔드에 가장 관심을 가지고 공부하고 있으며, 당장의 목표 역시 웹 프론트엔드 개발자가 되는 것이다. 사실 처음부터 개발자가 되고 싶은 생각은 아니었다. 나는 원래 어릴 때부터 손으로 무언가 만들고, 그리고, 꾸미는 것을 좋아했다. 그래서 초등학교 때까지는 비록 이것들과는 전혀 상관없는 꿈을 갖기도 하고, 수차례 바..

'안되면 되게 하라'-> 그러면서 성장하는 거임. 편한거? 좋지만 지금부터 편한걸 추구해버릇하면 성장하길 포기한거나 마찬가지이다. 어차피 지금 내 수준에서 안된다고 느끼는 것들은 얼마든지 공부해서 해결할 수 있는 것들이 대부분. 어려운걸 되도록 만드는 과정에서 크게 성장하는게 맞는 것 같다.'뇌 빼고 코드 치지 말자'-> 굉장히 어리석은 건데, 부끄럽고 한심하게도 과거의 나(심지어 그리 오랜 과거도 아님..)는 이런 적이 제법 있다. 클론코딩 강의 듣는답시고 그냥 따라치고, 마감 얼마 안남았답시고 스스로 고민도 별로 안해보고 gpt한테 코드 짜달라하고 이딴거? 하지 말자... 시간 낭비다. 실력 절대 안는다.'배운건 써먹어보자'-> 배운거 썩히면 의미없다. '학습'이란건 배울 '학'에 익힐 '습'자가 합..

Next.js를 많이 사용하는 이유?Server-Side-Rendering의 재유행CSR(Client Side Rendering) : 브라우저에서 실시간으로 html을 생성 -> 부드러운 사용자 경험 제공SSR(Server Side Rendering) : 서버에서 html을 미리 만들어 전송한 것을 브라우저에서 띄움 -> 페이지 로딩 속도 향상, 검색 시 노출도 증가 💭 Next.js의 렌더링 방식Pre-Rendering - SSR - SSG - ISR이에 관해 자세한 내용은 따로 작성할 예정 . . . 참고 - https://enjoydev.life/blog/nextjs/1-ssr-ssg-isr#isr-incremental-static-regeneration Next.js의 캐싱언제 데이터가 캐싱 될까..