냉장고 재료 관리 앱 쿡팅(Cookting)을 만들면서 꽤 오랜 시간 고민했던 주제가 있다. 바로 "어디까지 네이티브로 만들고, 어디서부터 웹을 가져올 것인가"라는 경계 문제다. 소셜 로그인 하나만 놓고 봐도 복잡하다. iOS는 Apple Sign-In SDK를 네이티브로 쓸 수 있지만
Couple Planner를 만들면서 AI 기능을 추가해야 할 시점이 왔다. 데이트 코스 추천, 선물 추천, 커플 싸움 심판(!)까지. 세 가지를 붙여야 하는데, 각각 따로 만들면 코드가 세 배로 늘어난다. 나쁜 예감이 들었다. 해답은 패턴 추출이었다. AI 요청 흐름을 뜯어보니 거의
커플 앱을 만들면서 처음에는 단순하게 생각했다. "둘이 쓰는 앱인데, 그냥 새로고침하면 되지 않나?" 그런데 막상 구현하다 보니, 두 사람이 동시에 같은 데이터를 건드리는 순간이 생각보다 훨씬 많았다. 버킷리스트를 동시에 체크하거나, 달력 일정을 각자 다른 내용으로 수정하거나. 이 글은
냉장고에 있는 재료를 입력하면 AI가 레시피를 추천해주는 기능을 구현하면서, 예상보다 훨씬 복잡한 문제를 마주쳤다. AI 응답이 평균 15~30초가 걸리는데, Next.js를 배포한 Vercel의 Serverless Function에는 60초 타임아웃 제한이 있다. 이론상으로는 통과하지
모노레포(monorepo)는 요즘 프론트엔드 생태계에서 자주 들리는 단어지만, 실제로 "NestJS 백엔드 + Next.js 클라이언트 + Flutter 앱 + AI 마이크로서비스"를 한 레포지토리에 넣어본 경험담은 생각보다 드물다. 이 글은 냉장고 부탁해(naengbu) 프로젝트를 폴
개발자에게 생산성 시스템이 필요한 이유 프리랜서 프로젝트, 사이드 프로젝트, 구직 활동, 블로그 운영을 동시에 하다 보면 머릿속이 혼란스러워집니다. "오늘 뭐부터 하지?" 매일 아침 이 질문에 답하는 데 30분을 쓰고 있었습니다. 할 일 목록은 여기저기 흩어져 있고, 어제 뭘 했는지도
개요 블로그를 운영하다 보면 반복적인 작업이 많습니다. 새 포스트를 만들 때마다 폴더 구조를 생성하고, frontmatter를 작성하고, 이미지 폴더를 만들어야 합니다. 이런 작업을 자동화하면 글쓰기에만 집중할 수 있습니다. 이 글에서는 Next.js 블로그에 구축한 자동화 도구들을 소
호이스팅이란? JavaScript에서 변수와 함수 선언이 코드 실행 전에 메모리에 먼저 할당되는 현상입니다. ```javascript console.log(x) // undefined (에러 X) var x = 5 ``` var의 호이스팅 선언과 초기화 분리 ```javascript c
문제 상황 Next.js 개발을 하다 보면 종종 다음과 같은 상황에 마주치게 됩니다: - 개발 서버가 제대로 종료되지 않아 포트가 계속 점유되어 있는 경우 - 백그라운드에서 실행 중인 `next-server` 프로세스가 CPU를 과도하게 사용하는 경우 - 새로운 개발 서버를 시작하려고
문제 상황 Homebrew로 Node.js를 설치하고 taskmaster-ai 패키지를 사용하려고 할 때, 다음과 같은 오류가 발생할 수 있습니다: ```bash $ npx taskmaster-ai init Error: Claude Code API key not found. Please
구조분해 할당이란? 배열이나 객체의 속성을 해체하여 개별 변수에 담는 ES6 문법입니다. ```javascript // Before const userName = user.name const userAge = user.age // After - 구조분해 할당 const { name, a
개요 JavaScript 개발을 하다 보면 배열에서 중복된 값을 제거해야 하는 상황이 자주 발생합니다. API에서 받아온 데이터나 사용자 입력 처리 시 중복을 제거하는 것은 필수적인 작업입니다. 오늘은 가장 효율적이고 실용적인 3가지 방법을 알아보겠습니다. 방법 1: Set을 이용한 중
개발하다 보면 if문이 줄줄이 이어지는 코드를 자주 마주치게 됩니다. 처음엔 두세 개라 괜찮은데, 조건이 하나씩 늘어날수록 점점 손대기 싫은 코드가 됩니다. ```javascript // 흔히 볼 수 있는 조건문 코드 function getStatusMessage(status) { if
AI 개발 도구, 요즘 어떻게 쓰고 있나요 핀테크 플랫폼 AzFlow를 개발하면서 AI 도구들을 꽤 열심히 써봤습니다. 솔직히 처음에는 반신반의했는데, 막상 써보니 반복 작업이 줄어드는 게 체감이 돼서 계속 쓰게 됐습니다. 도구별로 어떤 상황에서 유용했는지 실제 경험 위주로 정리해 봤습
왜 TypeScript를 제대로 사용해야 할까? TypeScript는 단순히 타입 힌트를 추가하는 것이 아닙니다. 런타임 안전성을 확보하고 코드의 유지보수성을 높이려면 타입 가드, 유니온 타입, 제네릭 등을 적절히 활용해야 합니다. ```typescript // ❌ 이런 코드는 안전하지
서론: 더 나은 기술을 향한 도전 2년간 안정적으로 운영되던 Gatsby 기반 블로그를 보며 문득 생각했습니다. "Next.js가 요즘 주목받고 있고, App Router도 출시되었는데, 더 모던하고 성능도 좋을 것 같다." 그렇게 시작된 마이그레이션. 처음에는 막막했지만, 결국 Nex
도입: 모두가 스트리밍을 할 때, 우리는 폴링을 선택했다 요즘 LLM 서비스의 표준은 Server-Sent Events(SSE) 스트리밍입니다. ChatGPT처럼 타자를 치듯 한 글자씩 출력되는 UI가 국룰이죠. 사용자는 기다림 없이 실시간으로 응답을 받는 것처럼 느끼고, 개발자는 긴
왜 작성하게 되었는가   npm update -g yarn 만약 업그레이드 후 에러가 나온다면, package.json의 'packageManager'를 지정해
왜 작성하게 되었는가 package.json에 있는 resolution과 설치 버전을 맞춰야 한다. [Gatsby Issue #13278](https://github.com/gatsbyjs/gatsby/issues/13278)
왜 작성하게 되었는가 그동안 현업으로만 Swift를 써오면서 몰랐던 키워드를 공부해보기 위해 여러 강의를 보고 있습니다. 그 중에 SwiftUI의 제일 큰 특징 중 하나인 preview를 UIKit으로 만든 UIViewController에서도 보여줄 수 있다는 걸 알게 되어 코드를 작성
왜 쓰는가 하드디스크를 교체하고 ([#](https://blog.jell.kr/dev/linux/2023/02/27/%EC%9A%B0%EB%B6%84%ED%88%AC%2022.04%EB%A1%9C%20%EC%97%85%EA%B7%B8%EB%A0%88%EC%9D%B4%EB%93%9C%20
왜 쓰는가 개인적으로 사용한지 약 7년 된 HGST의 8테라 하드가 슬슬 긁는 소리가 나서 급하게 껐다가 대체품을 구매해서 옮기려고 보니 우분투 22.04 LTS로 업그레이드를 권유하길래 진행하다 멈춰서 리셋을 하고 보니  일도 있었고, 제가 업로드 할 당시의 Gatsby V3와 React 16, node 14에서 지금은 Gatsby V5, React 18, node 18이 나왔더라구요? 원작자분도 업데이트를 그만 두신 듯 하고.. 업데이트를 시도하다가,
2021년은 코로나가 끝날 줄 알았는데 아직도 마스크를 쓰는 게 어색하네요. 올 한 해는 코로나도 끝나고 하시는 일도 모두 다 잘 되시길 빕니다.
[이전 글](/dev/ios/2020/10/03/Cocoapods%201.9.4%EC%97%90%20%ED%98%84%EC%9E%AC%20%EB%B2%84%EA%B7%B8%EA%B0%80%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4/)에서 나타났던 에러의 해결방
회사 일이 바쁘다는 핑계로 블로그 관리를 소홀히 했네요. 그동안 독립이니 집 컴퓨터 교체니 회사 일이니 이런 저런 일이 많았습니다. V1에서 V2로 옮겨갈 때보다 훨씬 쉬워서 좋네요. 앞으로도 종종 글을 써보겠습니다.
왜 쓰는가 우분투를 메인으로 쓰시는 분이 많이 늘었다고는 하지만, 여전히 서브로 쓰시는 분들이 많습니다. 그렇다고 우분투를 쓰기 위해 키보드 마우스를 계속 옮기는 일도 번거로운 일이죠. 제일 크게 다가오는 이유는 역시 서버를 여러군데 두는 일일 것입니다. SSH는 우분투(리눅스, 유닉스
왜 쓰는가 저녁에 조금 일찍 잠들어서 자정즈음에 깼습니다. 그냥 멍때리면서 개발하고 있다가, 문득 제가 쓰는 노트북~~나스 대용~~의 우분투 버전이 18.04 LTS라는 걸 떠올리면서 ~~왜 그랬는지는 모르겠지만~~ 20.04.1 LTS로 이 참에 업그레이드나 해야겠다...하고 아무 생
집에서 iOS를 공부하기 위해 습관적으로 cocoapods를 업데이트하고 빌드를 하려고 보니  ```bash Undefined symbols for architecture arm64: "_OBJC_CLASS_$_RLMNotif
코딜리티라는 웹사이트가 있습니다. 알고리즘을 만드는 실력을 기르는 사이트인데요. 저도 틈틈히 하고 있습니다. 오늘은 그 중 두번째 중 하나인 CyclibRotation에 대해 알아봅시다. 먼저 문제입니다. 답은 정해져있지 않으며, 여기에 적은 답은 예시 중 하나일 뿐입니다. 문제 ---
개요 오랜만에 React native 프로젝트를 다시 열 일이 있어서 초기화한 맥에 설치를 하고 앱을 실행해 봤습니다. 그런데..  에러가 뜨면서 실행이 안되는 겁니다. 그래서 인생의 동반자~~스승~~인 구글신의 도움을 빌었습
 [toc] 그란폰도란 위키피디아에 있는 그란폰도(Granfondo)의 뜻은 다음과 같습니다. ```kr 그란폰도(granfondo)는 이탈리아어로 'long distance or great endurance'라
개발 5년차가 되었습니다. 조금은 어색하기도 합니다. 벌써 5년? 이라 생각이 들기도 하고, 이제야 5년? 이라 생각이 들기도 하고. 지금까지 저는 여러분야를 다 잘 할 수 있는 사람이 되겠다! 라고 생각을 하고 있었는데, 다들 한결같이 ```kr 어느 한 분야를 깊게 파는 것이 좋다.
제 블로그는 Let's Encrypt로 SSL을 구성하고 있습니다. Let's Encrypt는 무료이기 떄문에 많은 분들이 이용하고 있지만, 무분별한 인증서 남용을 막기 위해 3개월로 기간을 제한하고 있습니다. 저도 다음주에 만기가 되어서 슬슬 알아보다가, 대부분 이용하는 certbot
잡담 맥북에 macOS Big sur 개발자 베타를 잘 쓰다가 생각보다 안되는 게 많더군요. 당분간은 그냥 Catalina로 쓰는 게 좋을 듯 싶습니다. (스팀이라던가, 스팀 게임이라던가...) 덕분에 윈도우로 오랜만에 컴퓨터를 하고 있는데, 오래 연결하지 않아서인지 헤드셋이 연결되지
  저는 맥북 유저입니다. 이번에 16인치 신형이 나오면 지르려고 했는데, 한국시각으로 23일 wwdc 2020이 열렸습니다. ARM 아키텍쳐를 사용한 맥이 발표되었는데요. 어차피 인텔 맥을 성능 상으로 바로 이
작년 12월부터 발견된 코로나19. 저는 금방 끝날 줄 알았는데, 사그라들 기미는 커녕 오히려 확진자 및 사망자가 늘고 있네요. 전 지금 회사에서 체온 측정 당번으로 대기 중입니다. 모두 코로나 조심하시고, 건강한 하루가 되셨으면 합니다.
 회사에서 진행하고 있는 거대한 일이 하나 끝나서, 간단한 파일 관리 앱을 만들어보고 있습니다. 예전부터 Electron Application을 만들어보고 싶었는데, 이번에 자그맣게나마 한 단계를 끊을 수 있어서 참 좋
어째 이번 달은 어떻게 흘러갔는지도 모르겠습니다. 개인적으로도 일이 있었고, 공적으로도 일이 있는 달인 듯 싶네요. 다음 달에는 좀 쉴 수 있을까요? 주말 출근만 하지 않기를...
 이번 설은 처음으로 시골에 내려가지 않는 명절이었습니다. 갑자기 시간이 붕 떠서 게임을 하나 깼습니다. 드래곤볼을 보며 큰 세대로써, 이만한 드래곤볼 게임은 없다 생각합니다. 만화책과 애니
내일과 모레, 워크샵 일정이 잡혀있습니다. 스키장으로 가는데요, 재밌게 충전하고 조금 더 웃는 시간이 되었으면 좋겠습니다. 모레 만나요!
요 며칠 개발만 쭉 해오다보니 살짝 지치네요. 한숨 돌립니다. 좋아하는 개발이나 자전거, 게임도 많이 못 하고 있네요. 집안에 우환도 겹쳐서.. 며칠동안 피곤하고 웃을 일이 많이 없었는데 다시 정신차리고 해봐야겠습니다!
개요 보통 개발할 때 서로 다른 두 변수를 비교하기 위해서는 '==' 연산자를 사용합니다. ```javascript const a = 2020 const b = 2020 console.log(a == b) // true ``` Javascript에서도 '==' 연산자가 있어서 물론 사용
개요 모든 언어가 그렇지만, 반복문은 주로 for문을 사용합니다. 아~~~~주 가끔 while문을 쓰는 정도이고요. Javascript에는 for문 말고도 map, forEach 등등 지원해주는 함수가 많이 있습니다. 오늘은 그 중 for~of문을 소개할까 합니다. 사용법 ```java
개요 Javascript 개발 시 (특히 node.js 개발 시) 반드시라고 해도 좋을 정도로 유용한 라이브러리가 있습니다. 바로 'axios'인데요, http(s)를 통해 다른 서버와 통신할 때의 코드를 줄여주는 매크로 모음 라이브러리입니다. get은 바로 ```javascript a
 Strava에서는 매년 결산을 통해 선수가 얼마나 달렸는지를 보여줍니다. 기존에는 동영상으로 보여줬는데, 올해는 사이트로 보여주네요. 2019년에 자전거(및 약간의 걷기, 하이킹) 총 합이 5800km였네요. 뒤
안녕하세요, Jell입니다. 새로 처음부터 블로그를 만드려다가, 생각보다 처음부터하면 적용해야 할 게 많더라구요. 그래서 [사이트](https://github.com/junhobaik)에서 참조하여 단장했습니다. 검색, 태그 등등 제가 원하는 모든 기능이 들어있어 놀라기도 했고, 아직
개요 우리가 개발하면서 제일 많이 쓰는 조건문은 if ~ else가 있을 것입니다. ```js const a = true if (a === true) { console.log('a is true') } else { console.log('a is false') } ``` 가장 기초적이고
새해 복 많이 받으세요 --- 원더키디가 활동하는 2020년이 밝았습니다. KBS 유튜브에서도 원더키디를 전편 재방송 해주는 걸로 아는데, 어릴 적에 봤던 기억이 나네요. 새해에는 부디 몸짱되고 연애하는 한 해가 되셨으면 합니다. 저도요...
개요 Javascript는 숫자를 number형으로 단일 관리합니다. 이는 기존 언어의 Int와 Float(Double)의 경계가 없다는 것을 의미합니다. 이번에 해볼 작업은 JS의 number, 그 중에서도 소숫점을 처리하는 방법에 대해 알아보겠습니다. 코드 원래의 변수 ```java
안녕하세요, Jell입니다. 일을 하고나서 블로그를 제대로 볼 시간이 없었다는 핑계부터 시작해봅니다. 내년인 2020년부터는 꾸준히 쓰고자 합니다. 급 반성문 모드긴 한데.. 생각하고 있는건 다음과 같습니다. - 최소 이틀에 한번은 블로그에 포스팅(메모라도) 할 수 있도록 하겠습니다.
Hi 마크다운으로 작성한 게시글 입니다.
회사에 익숙해려 노력하다보니 벌써 반 년의 시간이 흘렀습니다. 직전 글을 보니 무안해지네요 (\_\_) 조금이라도 더 쓸 수 있도록 노력하겠습니다.
간만에 작성 하는 글이 새해 인사가 될 줄은 몰랐습니다. (\_\_) 새해 복 많이 받으세요. 새해에는 블로그도 꾸준히 할 수 있는 Jell이 되도록 노력하겠습니다. 아시는 분은 아시지만, 블로그 이외에도 유튜브를 운영하고 있습니다. 운영한 지는 몇 년 되었는데, 썸네일이나 인트로 무비
글을 쓰기 전에 --- 최근 이런저런 일이 있었습니다. 다리가 좀 아프고, 치과도 가고, 뻘짓도 하고? 몇 가지 적어볼까 합니다. --- - 치과에 다녀왔습니다. 치과는 재작년에 크게 앓은 후로 많이 적응이 됐는데, 역시 그 특유의 분위기는 익숙해지질 않네요. 두 개 때우고 왔는데, 그
콜백 함수는 아무리 해도 적응이 안됩니다. 타 언어(C, Java, Swift 등..)에서 당연하다 생각되었던 방법들이 하필 Javascript/Typescript에서만 안되면 곤혹스러운데요. 그 중 하나를 소개해드리고자 합니다. 바로 try~catch문입니다. 다음은 일반적인 try~
이번주 수요일, 친한 동생과 팔당에 초계국수를 먹으러 가다가 처음으로 낙차를 했습니다. 인도에 있던 아이가 갑자기 자전거 도로에 나와서 미처 속도를 줄일 거리를 확보를 못해서 낙차하게 되었는데요. 자전거도, 저도, 친한 동생도 크게 다치진 않아서 다행이라고 생각하고 있습니다. 문제는..
Node.js는 Javascript를 html에서 어플리케이션용 언어로 쓸 수 있게 해주는 언어입니다. 다만 Node.js의 특성 상, 싱글 스레드이기 때문에 효율적인 처리를 위해 외부 프로세스를 생성하여 비동기 처리하고 있습니다. 이를 받아들일 때는 콜백 함수(Callback Func
저는 친가가 논산에 있습니다. 아까 새벽 5시 30분에 집에서 출발했는데, 이번 추석은 생각보다 빠르게 8시 40분 (아침식사 포함) 도착했습니다! 이렇게 빨리 온 건 처음인거 같아요! (평년 명절에는 빨라도 5시간? 정도 걸렸습니다.) 모두모두 즐거운 한가위 되시고, 연휴동안 가족들과
 맥 초기화 완료했습니다! 실은 이틀전에 초기화했는데, 이제서야 글을 쓰네요. 근데 막상 초기화하고 이틀 지난 오늘 또 비슷한 증상이 나타나네요😭 모하비의 문제인건가 이거!
 맥의 장점은 역시 안정성이죠. 저도 처음 사놓고 3년정도 포맷없이 잘 쓰고 있었는데, 갑자기 잠자기 모드에서 깨우면 외장 키보드가 인식을 안한다던가, 매직 트랙패드가 안먹는다던가 하는 문제가 있네요. 더불어 리셋하면 전원이 나간다던가?
코딜리티라는 웹사이트가 있습니다. 알고리즘을 만드는 실력을 기르는 사이트인데요. 저도 틈틈히 하고 있습니다. 오늘은 그 중 첫번째인 BinaryGap에 대해 알아봅시다. 먼저 문제입니다. 답은 정해져있지 않으며, 여기에 적은 답은 예시 중 하나일 뿐입니다. 문제 --- 임의의 숫자 N을
3일차이자 마지막 날입니다!  이 날에도 10시즈음 출발한 듯 싶습니다.  바로 앞에 있는 성산일출봉 인증센터에서 셀카도 찍어주고!  아침이 밝았습니다! 10시 즈음에 출발한거 같네요!  요렇게 셀카도 하나 찍어주고! 
오랜 숙원이었던 자전거 라이딩을 끝마치고, 곧 쓰겠다고 했는데 생각보다 늦어졌네요 ㅠㅠ 친구와 함께 다녀왔습니다. 친구는 자전거를 대여해서 진행했고, 저는 제 자전거를 직접 가져가기로 했습니다.  요렇게 포장해서 :
미뤄두고 있던 카테고리 페이지를 연결 작업을 진행했습니다! 좀 야매로 진행한 듯 싶은데... 아직 GraphQL이 익숙치 않아 진행했으니, 공부한 다음에 확실히 해결해 놓도록 하겠습니다 ㅜㅜ
SSH의 기본 포트는 '22'입니다. 하지만 워낙 유명한 포트이기도 하고 일단 접속해서 로그인만 되면 해당 컴퓨터의 운용이 가능해지는 단점이 있기 때문에, 많은 개발자분들이 SSH 접속 포트를 변경해서 사용하고 있습니다. 이번에 우리도 한 번 바꿔봅시다! 리눅스 기준입니다! 우선 ssh
 이번 주 월요일 (8월 13일)부터 시작한 제주도 라이딩을 마치고 돌아왔습니다! 자세한 이야기는 곧 올리기로 하겠습니다.
   뜬금 없지만 다음주 월요일에 제주도에 가게 되었습니다. 총 거리는 260킬로미터인데,
 용과 같이 3이 오늘 발매됐네요! 부리나케 사왔습니다.
   저는 한화 이글스의 팬입니다. 본격적으로 팬이 된 건 2015년인데요, 그 동안은 집에서 TV로만 보다가 이번에 친한 동생과 함께
XMLHttpRequest(XHR)은 서버와 상호작용을 가능하게 해주는 객체입니다. Ajax에 주로 쓰이며, 마찬가지로 전체 데이터를 새로 불러오지 않고도 일부분만을 업데이트 할 수 있습니다. 저는 이를 [블로그 서버의 online상태를 확인](https://blog.jell.kr/ch
 새로운 걸 찾아봐야겠다고 생각하고 Electron을 사용해서 간단히 핑만 확인하는 프로그램을 만들어 봤습니다. Electron재밌네요! 확실히 Client, Server만 사용하다보니 눈에 확 와닿는 게
 Zwift에서 5주 프로그램을 시작해 이제 4주차 둘째 날입니다. 매주 첫째 날에는 Micro Burst라고 해서 순간적으로 엄청난 힘으로 굴린 다음 잠깐 쉬고 다시 엄청난 힘으로 굴리고..의 반복입니다. 이게 그 주의 제일 힘든 프로그램
 오늘은 실내 자전거를 탔습니다 :) 자세한 이야기는 추후 써내려가기로 하고, 지금 하고 있는 프로그램이 월요일이 제일 힘든 코스여서 타는 데 죽는 줄 알았습니다 ㅜㅜ
내용 추가하는 건 간단한데, 아직 자르는 걸 좀 생각해봐야할 듯 싶습니다.
만들다보니 느낀 건데, 뭔가 확실한 로드맵이 나올 때까지 아예 새로운 걸 만들어보는 것도 좋겠다 싶습니다. 하나만 가지고 고민때리는 것 보다는 최대한 이것저것 많이 해보고 싶어요.
글을 쓰다보니 카테고리 기능 추가에 앞서 태그 기능이 우선시 되어야겠다 생각했습니다. 이제 미리보기를 시작해볼까 합니다.
처음 만들 때, 따로 폰트에 대한 생각을 하고 있지 않아서 기본 폰트로 진행했습니다. 이제 Roboto, Helvetica, Arial, sans-serif를 적용해서 다른 기기에서 봐도 동일한 폰트가 나오게 됩니다. 맥에는 거의 궁서체로 나와서 슬펐는데 다행이네요!
 Mac에는 타임머신이라는 기능이 있습니다. 일종의 백업 툴인데요, Mac 안에 있는 정보를 Git처럼 변동사항 위주로 저장해놨다가 문제가 생겼을 때 꺼낼 수 있는 기능입니다. 그 전까지는 '아 이런 기능이 있구나~'하고 넘어갔었는
 결국 역대 최고 기온을 넘어섰네요.
정말 덥네요. 에어컨 좀 틀고 싶다.
못 해봤던 것들 거의 대부분 하고 있다. 못 꺴던 젤다 야숨도 다 깼고, 제주도 일주도 순조롭게 나아가고 있다. 이제야 조금 실감이 난다.
이제 disqus 적용 들어갑니다.
남아 있는 것 : Paging, 디자인 우선 해야 하는 것 : !!!ㅇㄴㄹ!!!
