First, I'm going to use JSONPlaceholder Guide for easy data fetching. (https://jsonplaceholder.typicode.com/guide/) To test it, add the following fetch and console.log code to the landing page: fetch('https://jsonplaceholder.typicode.com/posts/1') .then((response) => response.json()) .then((json) => console.log(json)); Therefore we get like this picture.  Let's fetch all the posts data an..

지난 달 9월부터 와플에서 루키를 겪으며 배운 것들을 복기하며, 동시에 내가 하지 않았던 일들(배포, CI 설정, 패키지 관리 등)을 직접 해보려 한다. 똑같은 코드를 치기보다 간단한 아이디어를 가지고 직접 구현해보는 식으로 진행할 계획이다. 대신 토플 준비도 할 겸 영작으로... 가능하면 이번 주 내로 빠르게 끝낼 생각!  During the Rookie course at Waffle Studio, I only learnd about React. However, for this review project, I chose Next.js because it allows me to build APIs for backend server on my own. This way, I can gain experienc..

서버와 클라이언트는 단순한 개념이다. 하지만 현대 정보기술이 복잡해지며 덩달아 까다로워졌다. 중요한 건 각각이 요청과 응답을 주고 받는 관계라는 개념보다, 실제로 예시가 무엇이 있는지 보는 게 좋을 듯하다. 클라이언트(client)는 말 그대로 고객, 사용자가 사용하는 장치나 프로그램이다. 클라이언트에서 서버(server)에 요청을 보내면 서버는 말 그대로 제공(serve)한다. 데이터를 보내주든 받은 요청을 처리하든 어쨌거나 클라이언트로부터 요청을 받고 이를 기반으로 서비스를 제공한다. URL을 가지고 이야기해보자. 크롬이나 사파리같은 브라우저를 이용해 www.google.com을 입력하면 구글 홈페이지에 들어간다. 하지만 어떻게? 브라우저는 사용자가 입력한 도메인 이름을 DNS(Domain Name ..

오르고(Orgo) 프로젝트를 진행한지 약 한 달 정도 지났다. 프로젝트를 기획하는 순간부터 어느정도 생각은 해뒀지만 이제는 정말 확실해진 사실이 하나 있다. 개발 자체는 내가 해야된다. 물론 아키텍처를 잡거나 복잡한 타입 안정성 속에서 정교한 로직을 구축하는 건 무리다. 개발 인프라적인 것도 모르고, 백엔드 로직은 더더욱 모르니까. 내가 할 수 있는 건 복잡한 코드를 읽고 이해한 뒤 그 안에서 코드 몇 줄을 추가하는 것 뿐. 그러나 디자인을 바탕으로 UI를 만들거나, 간단한 서버 api를 작성하고 supabase로 DB와 연결해서 프론트단으로 가져올 수 있어야 한다. supabase와 서버를 연결하고 api 로직 자체를 작성할 줄 모르더라도 그 안에서 기능을 추가할 수는 있어야 한다. 이유는 간단하다. ..