본문 바로가기

전체 글466

[BOJ / Python3] 2605 : 줄세우기 문제점심시간이 되면 반 학생 모두가 한 줄로 줄을 서서 급식을 탄다. 그런데 매일 같이 앞자리에 앉은 학생들이 앞에 줄을 서 먼저 점심을 먹고, 뒷자리에 앉은 학생들은 뒤에 줄을 서 늦게 점심을 먹게 된다. 어떻게 하면 이러한 상황을 바꾸어 볼 수 있을까 고민하던 중 선생님이 한 가지 방법을 내 놓았다. 그 방법은 다음과 같다.학생들이 한 줄로 줄을 선 후, 첫 번째 학생부터 차례로 번호를 뽑는다. 첫 번째로 줄을 선 학생은 무조건 0번 번호를 받아 제일 앞에 줄을 선다. 두 번째로 줄을 선 학생은 0번 또는 1번 둘 중 하나의 번호를 뽑는다. 0번을 뽑으면 그 자리에 그대로 있고, 1번을 뽑으면 바로 앞의 학생 앞으로 가서 줄을 선다. 세 번째로 줄을 선 학생은 0, 1 또는 2 중 하나의 번호를 뽑는.. 2024. 11. 29.
[BTM] 1탄 - 리팩토링, 그리고 배포를 준비해보자. 📝 포트폴리오로써의 가치 향상내가 React.js를 처음 배우기 시작하면서 진행했던 프로젝트가 하나 있다.바로 이 블로그에 포스팅을 작성하며 삽입할 썸네일을 간단하게 만들기 위한 '블로그 썸네일 메이커' 다.다른 분이 만드신 걸 보고 '재밌겠다', '나도 필요하겠다' 싶어 제작했었다. HTML Canvas Element를 useRef를 통해 활용하고 Color Picker 라이브러리와 이미지 저장 기능까지, React.js를 넘어 웹 애플리케이션으로써 경험해 볼 수 있는 많은 기술들을 공부할 수 있었던 즐거운 프로젝트였다. 하지만 몇 년 동안 사용하는 내내 신경쓰이는 몇 가지 단점이 존재했는데...항상 localhost에서 열어야 하는 번거로움, 즉 배포가 안되어있음!처음 시작했을 때의 목표, '이미지.. 2024. 6. 24.
[Package] formidable 모듈에 대해 알아보자 1️⃣ Node Package 정리를 시작하게 된 이유현재 대학에서 '웹 개발 실무' 라는 이름의 강의를 듣고 있는데, Node.js를 활용하는 수업이다.교수님이 과제를 내주셨는데, http 모듈과 formidable 모듈을 활용하여 영화 정보를 post로 전송하고 띄울 수 있도록 하는 내용이었다.그닥 어려운 과제는 아니었지만 form-data를 다루기 위한 formidable이라는 Node Package를 처음 보는 관계로 공식 문서를 읽으며 어떤 패키지인지, 또 어떻게 활용하면 되는지를 공부하고 정리해보기로 했다. 앞으로 Node.js를 공부 / 사용하거나 React.js로 개발을 진행하며 인상깊거나 처음 본 Node Package들이 있다면 이런식으로 나름대로 정리를 진행해볼까 한다. 업데이트가 진.. 2024. 5. 6.
[Axios] withCredentials과 CORS 오랜만에 블로그에 포스팅을 하는 것 같다. 거의 두 달 만인가? 최근에 이런저런 일들로 나를 돌보지 못해 블로그도 거의 손을 놓다시피 했는데... 이제는 다시 나를 돌볼 수 있게 되었으니 블로그에 신경을 써보려 한다. 2달 만의 포스팅은 오늘 배운 Axios의 withCredentials 옵션과 CORS의 관계에 대해서 알아보자. 🧑🏻‍💻 Access Token을 보내고 싶었을 뿐이야. 현재 진행하고 있는 프로젝트에서는 이메일과 패스워드를 통해 로그인이 이뤄진다. Next.js 프론트 클라이언트에서 이메일과 패스워드를 request body에 담아 post 요청을 보내면 Python Django 백 엔드 클라이언트에서는 Access Token과 Refresh Token을 보내주는데, Access Toke.. 2023. 12. 29.