Next.js로 웹서비스 만들기 4주차 - 게시판 만들기 (Dynamic Routes, 페이지 이동, MongoDB 데이터 수정)
·
Next.js
게시물 상세페이지 만들기 게시판 DB에 글 데이터를 몇 개 집어넣고 리스트를 조회하는거까지 해봤으니, 이제 특정 게시물을 눌렀을 때 해당 게시물의 상세페이지로 넘어가는 기능을 구현할 차례이다. Dynamic Route 현재 게시물 리스트는 /list에서 조회하고 있고, 게시물을 선택하면 그 게시물의 id 값에 따라 /detail/1, detail/2, detail/3 이런식으로 url이 바뀌면서 그 내용을 보여주면 된다. 1. 다음과 같이 detail 폴더를 만들고, 그 안에 [id]라는 폴더를 또 만든다. [폴더명] -> 폴더 생성 시 이렇게 대괄호로 감싸게 되면, 이 부분에 어떤 내용이 와도 상관없다는 의미가 된다. 따라서 /detail/123, /detail/ㅇ 이렇게 입력해도 /detail/[id..
Next.js에서 TailwindCSS 사용하기
·
프론트엔드/CSS
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...
Next.js로 웹서비스 만들기 3주차 - Next.js에서 MongoDB 사용하기
·
Next.js
State의 변경 ✅ state를 변경시키려면 스프레드 연산자를 사용하여 값을 복사한 후, 복사본의 값을 변경시켜야 한다. 이는 리액트의 불변성과 관련있는데, 리액트는 기존 state와 새 state의 값을 비교하여 다를 경우에만 상태 변화를 감지한다. 불변성을 지켜줌으로써 효율적인 상태 업데이트를 하는 것이다. 때문에 상태를 직접 수정하기보다 복사본을 만들고 이 값을 변경해주는 것이 바람직한데, 여기서 또 주의할 점이 있다.let [ count, setCount ] = useState(0); let newCount = state # -> (x) let newCount = [...count] # -> (o)위 예시 코드의 세 번째 줄과 같이 작성할 경우, 데이터의 값을 복사하는 것이 아니라 값의 주소를 ..
·
Dev/고민
쓰다보니 재밌네 난 글쓰는거 그런거 안맞는다 생각했는데 ... 역시 난 머릿 속에만 생각을 가둬놓으면 오히려 안되고 말로든 글로든 밖으로 꺼내야 정리가 되는 것 같다ㅋ 근데 문제는 아직은 글 쓰는게 어색해서 포스팅 하나 작성하는 데에 너무 오랜 시간이 걸린다는거... 특히나 오로지 내 생각과 느낀점만을 정리한 글은 더더더더욱.... 이런거에 약한 st는 슬프다. (지금도 새벽의 힘을 빌리고 있음) 생각하는 것도 몰입하는 데에 꽤나 많은 시간과 힘이 든다. 그래서 그냥 일상 블로그는 쓸 수가 없다. 핑곈가? 몰라 귀찮아서라고 해도 뭐 맞긴해 그래도 개발 블로그는 쓴다 ㅋ ..써야지... 맞지 글 쓰는 습관 좀 들이려고 소모임도 들어갔는데 열심히 써야지ㅎㅎ
·
Dev/고민
이번 글은 처음으로 나의 생각을 길게 담은 글이 될 예정이다.글도 써본 사람이 잘 쓴다는데, 나는 사실 글 쓰는 것을 썩 좋아하는 편은 아닌지라 아쉽게도 필력이 좋진 않다.그래서 소모임에 들어갔다. 그 첫 시작으로, 개발자를 희망하는 학생으로서 '어떤 개발자가 되고 싶은가'에 대해 고민하고 글을 써볼까 한다. . . .   #어쩌다보니나는 컴퓨터공학을 전공하는 학생이다. 그리고 현재는 웹 프론트엔드에 가장 관심을 가지고 공부하고 있으며, 당장의 목표 역시 웹 프론트엔드 개발자가 되는 것이다. 사실 처음부터 개발자가 되고 싶은 생각은 아니었다. 나는 원래 어릴 때부터 손으로 무언가 만들고, 그리고, 꾸미는 것을 좋아했다. 그래서 초등학교 때까지는 비록 이것들과는 전혀 상관없는 꿈을 갖기도 하고, 수차례 바..
개발자의 마음가짐
·
Dev
'안되면 되게 하라'-> 그러면서 성장하는 거임. 편한거? 좋지만 지금부터 편한걸 추구해버릇하면 성장하길 포기한거나 마찬가지이다. 어차피 지금 내 수준에서 안된다고 느끼는 것들은 얼마든지 공부해서 해결할 수 있는 것들이 대부분. 어려운걸 되도록 만드는 과정에서 크게 성장하는게 맞는 것 같다.'뇌 빼고 코드 치지 말자'-> 굉장히 어리석은 건데, 부끄럽고 한심하게도 과거의 나(심지어 그리 오랜 과거도 아님..)는 이런 적이 제법 있다. 클론코딩 강의 듣는답시고 그냥 따라치고, 마감 얼마 안남았답시고 스스로 고민도 별로 안해보고 gpt한테 코드 짜달라하고 이딴거? 하지 말자... 시간 낭비다. 실력 절대 안는다.'배운건 써먹어보자'-> 배운거 썩히면 의미없다. '학습'이란건 배울 '학'에 익힐 '습'자가 합..
해안해
'분류 전체보기' 카테고리의 글 목록 (5 Page)