'분류 전체보기' 카테고리의 글 목록 (4 Page)

NEXT.js14 API Routes 사용하기 (with. MONGODB)

2024.01.03· 개발/Next.js

API Routes API Routes는 API를 호출할 수 있는 Endpoint를 생성해주는데, 쉽게 말해보자면 Next.js의 파일 기반으로 API를 만들 수 있게해준다. 그러니깐 다른 백엔드 프레임워크 필요없이, 따로 api를 만들어서 사용하지 않아도 DB 연결까지 할 수 있고, 데이터 전송이 가능하다는 말이다. Routing과 마찬가지로 파일기반으로 이루어지는데 Nextjs14의 경우는 pages가 아닌 app 폴더에 파일을 생성하고(14버젼 이전은 pages/api), 함수를 작성하면 된다. API Routes는 Serverless function으로 이루어져있다. Serverless Function의 컨셉은 요청(이벤트)이 들어올 때마다 지정된 함수를 실행시켜 원하는 API를 클라이언트에게 전..

아디오스 2023 👋🏻

2023.12.31· 개발/📝 TIL

아디오스! 2023 2023년 한 해가 얼마 남지 않았다. 무슨 말을 적어야 할 지 사실 정리가 되지 않아서 회고를 미루고 미루다가 한 해가 얼마 남지 않은 시간이 되어서야 몇 자 적어본다. 개발공부기록을 위한 블로그이니깐 사생활보다는 개발에 초점을 맞춰서 써야겠지? 올 한해 열심히 일 했다. 새로운 프로젝트를 마무리 시작했고 마무리 지었다. 고생을 꽤나 했다라고 생각했는데 비즈니스적인 결과가 좋지 않아서 실망도 많이한 것같다. 비즈니스적인 부분은 내가 어떻게 컨트롤 할 수 없는 부분이니깐 그 부분에 대한 이야기는 접어두고, 시니어가 올 초부터 자리를 비우면서 시니어없이 프로젝트를 진행했고, 계속해서 백엔드 개발자분들이 바뀌는 상황도 겪으면서 다양한 사람들과의 협업도 할 수 있는 한 해였다. 직무를 개발..

npm start, npm run dev 의 차이점

2023.12.29· 개발/Next.js

nextjs 프로젝트를 할 때는 npm run dev를 react 프로젝트를 할 때는 npm start로 개발모드를 런한다. 왜 프로젝트에 따라서 명령어가 다를까? 라는 생각이 들었다. 물론 package.json에 설정된 값에 따라 다르다는게 중요하지만 어쨋든 프로젝트마다 쓰는 라이브러리, 프레임워크에 따라서 디폴트 값이 다르다는 것! Nextjs _ package.json next dev ⇒ 개발 모드에서 실행 next build ⇒ 프로덕션 빌드 용도로 애플리케이션 빌드 next start ⇒ Next.js 프로덕션 서버 시작 next dev 명령어가 실행됩니다. 이 명령어는 개발 서버를 시작하고 Next.js 애플리케이션을 실행 next dev 명령어는 .next 디렉토리를 생성하고, Next.j..

2023 July) Monthly Review

2023.12.27· 💻 Dev/📝 TIL

📝 What I learned I feel like I've spent a month without focusing on anything and haven't achieved much. Would it be okay to use the excuse of the vacation season to explain my distracted state? Driven by the desire to broaden my skillset, I became ambitious about 'English' and decided to create a Github Pages(this one :)) dedicated solely to 'English' as a portfolio. Although i worked on various..

231220 Wed -TWID

2023.12.20· 💻 Dev/📝 TIL

Today What I Did 💻 Set up Multiligual on Blog I set up HTML code on the blog for English posts, but it's not perfect yet. I will keep fixing the code. 💻 leetCode I've been doing "Top Interview Question" on leetCode. I learn about "new" splice() method. I didn't know that much before. 📖 Reading a book I've been doing "reading a book for 30 mins everyday" challenge. I missed few times. But i did ..

231220 Wed - TWID

2023.12.20· 개발/📝 TIL

오늘 한 일 💻 블로그 다국어지원 셋팅 가끔씩 글 올릴 때 영어로도 올릴까싶어서 블로그에 영어로 쓴 글도 볼 수 있게 다중 지원되게 html 코드를 삽입했다. 그런데 완전하지는 않은 상황이다. 계속해서 코드를 수정해나갈 것이다. 💻 leetCode leetCode에서 Top interview guestion을 하고 있는데, splice() 메소드의 새로운 쓰임을 알게되었다. 📖 책 읽기 매일 30분씩 읽기를 목표로 하고 있지만 요즘들어서 못 할 때가 많았는데, 오늘은 했다!! 짧은 리뷰 오랜만에 하는 jquery, 순수 javascript 어렵네. 리액트에 너무 친숙해짐 내일 할 일 이모티콘 제작 서치&스케치 정리하기 코테공부 새로운 사이드 프로젝트 기획+스케치 HTML 삽입 미리보기할 수 없는 소스

Modify the HTML code to enable multilingual support for the Tistory blog

2023.12.20· 💻 Dev/Etc...

Considering getting a job abroad, I would like to document my studies and activities in English on my blog. I initially set up GitHub Pages for a moment, but it required too much effort, so I changed my mind. I'm now thinking it would be great if I could use my existing Tistory blog for both languages. I researched what changes I could make without using widget sources. I find that the widget fu..

티스토리 블로그 다국어 지원 가능하게 html 코드 수정

2023.12.20· 개발/Etc...

해외취업도 고려하게 되면서 공부한 내용을 기록하고 있는 블로그를 영어버젼으로도 하나 만들고 싶어졌다. github pages를 이용해서 블로그를 하나 더 만들까도 고민했지만 분명히 또 꾸미고 싶어질 것 같아지고 그러면 너무나 공수가 많이 들어갈 일이라서 잠시 시작하려고(?!) 만졌다가 바로 그만뒀답니다. 이왕하는거 이미 기록중인 티스토리에다가 이어서 하면 좋을 것같아서 티스토리를 영어버젼으로 어떻게 바꿔야할지 그런 기능을 해주는 것들이 있는지 리서치를 했고요. 위젯으로 만드는 방법 외의 방법을 찾았답니다. 그러다 만난 아래 블로그! 포스팅!!! 저에게 정말 많은 도움을 준 포스팅이랍니다. 이런 방법이 있었네?!?! 라며 '진코'님의 포스팅을 정말 많이 참조했습니다. https://jin-co.tistor..

테스트 1

2023.12.19· 개발/📝 TIL

테스트 1 HTML 삽입 미리보기할 수 없는 소스

test1

2023.12.19· 💻 Dev/📝 TIL

test1 HTML 삽입 미리보기할 수 없는 소스

231205 Tue - TWID

2023.12.05· 개발/📝 TIL

오늘 한 일 💻 ios 디버깅 + 오류해결 리액트로 웹만 만들다가 웹뷰 프로젝트를 시작해서 이제 ios 디버깅을 하게 되었는데, 신기방기! ㅎㅎㅎ 잭으로 연결해서 맥북으로 디버깅하는데 예전에 react-native로 하던 것과는 다르게 느껴졌다. 실제 상용될 프로젝트라서 그런걸까 - 디버깅하면서 찾아낸 오류들도 하나 둘씩 처리하면서 비슷한 류의 프로젝트도 첫 발을 내딛었다. 💪🏻 오운완 홈트로 하루에 30분 이상 운동 달성! 📖 Flipped 읽어보고 싶던 책이 저렴한 가격으로 나와서 바로 겟!! 오늘부터 주행시작! 짧은 리뷰 html2canvas 를 사용하는 법을 잘 모르는데, 그리고 참 옛 것이라는 생각을 많이 했는데, 가끔은 옛 것이 더 좋을 때가 있는 것 같다. 내일 할 일 블로그 다국어 지원관..

[html2Canvas] Unable to get image data from canvas because the canvas has been tainted by cross-origin data 오류 / safari에서 이미지를 제대로 호출하지 못 할 때

2023.12.05· 개발/❌ 오류 노트

‼️ 문제상황 canvas를 사용해서 이미지를 그리고 그려진 이미지를 캡쳐하는 작업을 하는데, 웹상에서 크롬으로 개발할 때는 잘 되는데, 배포 후에 ios 사파리에서 테스트하면 모든것이 하얗게 나오는 현상이 발생했다. 그리고 등장하는 오류 메세지 Unable to get image data from canvas because the canvas has been tainted by cross-origin data CORS 오류가 나는 것이다. 이미지 도메인과의 문제가 발생하는 듯 했다. html2Canvas 옵션도 더해보고 이리저리 찾아보다 찾은 해결책은!!!!! ✅ Solution var url = 'http://url'; var imgObj = new Image(); imgObj.src = url + ..

티스토리툴바