STARGAZER STARGAZER

문제점심시간이 되면 반 학생 모두가 한 줄로 줄을 서서 급식을 탄다. 그런데 매일 같이 앞자리에 앉은 학생들이 앞에 줄을 서 먼저 점심을 먹고, 뒷자리에 앉은 학생들은 뒤에 줄을 서 늦게 점심을 먹게 된다. 어떻게 하면 이러한 상황을 바꾸어 볼 수 있을까 고민하던 중 선생님이 한 가지 방법을 내 놓았다. 그 방법은 다음과 같다.학생들이 한 줄로 줄을 선 후, 첫 번째 학생부터 차례로 번호를 뽑는다. 첫 번째로 줄을 선 학생은 무조건 0번 번호를 받아 제일 앞에 줄을 선다. 두 번째로 줄을 선 학생은 0번 또는 1번 둘 중 하나의 번호를 뽑는다. 0번을 뽑으면 그 자리에 그대로 있고, 1번을 뽑으면 바로 앞의 학생 앞으로 가서 줄을 선다. 세 번째로 줄을 선 학생은 0, 1 또는 2 중 하나의 번호를 뽑는..

📝 포트폴리오로써의 가치 향상내가 React.js를 처음 배우기 시작하면서 진행했던 프로젝트가 하나 있다.바로 이 블로그에 포스팅을 작성하며 삽입할 썸네일을 간단하게 만들기 위한 '블로그 썸네일 메이커' 다.다른 분이 만드신 걸 보고 '재밌겠다', '나도 필요하겠다' 싶어 제작했었다. HTML Canvas Element를 useRef를 통해 활용하고 Color Picker 라이브러리와 이미지 저장 기능까지, React.js를 넘어 웹 애플리케이션으로써 경험해 볼 수 있는 많은 기술들을 공부할 수 있었던 즐거운 프로젝트였다. 하지만 몇 년 동안 사용하는 내내 신경쓰이는 몇 가지 단점이 존재했는데...항상 localhost에서 열어야 하는 번거로움, 즉 배포가 안되어있음!처음 시작했을 때의 목표, '이미지..

1️⃣ Node Package 정리를 시작하게 된 이유현재 대학에서 '웹 개발 실무' 라는 이름의 강의를 듣고 있는데, Node.js를 활용하는 수업이다.교수님이 과제를 내주셨는데, http 모듈과 formidable 모듈을 활용하여 영화 정보를 post로 전송하고 띄울 수 있도록 하는 내용이었다.그닥 어려운 과제는 아니었지만 form-data를 다루기 위한 formidable이라는 Node Package를 처음 보는 관계로 공식 문서를 읽으며 어떤 패키지인지, 또 어떻게 활용하면 되는지를 공부하고 정리해보기로 했다. 앞으로 Node.js를 공부 / 사용하거나 React.js로 개발을 진행하며 인상깊거나 처음 본 Node Package들이 있다면 이런식으로 나름대로 정리를 진행해볼까 한다. 업데이트가 진..

오랜만에 블로그에 포스팅을 하는 것 같다. 거의 두 달 만인가? 최근에 이런저런 일들로 나를 돌보지 못해 블로그도 거의 손을 놓다시피 했는데... 이제는 다시 나를 돌볼 수 있게 되었으니 블로그에 신경을 써보려 한다. 2달 만의 포스팅은 오늘 배운 Axios의 withCredentials 옵션과 CORS의 관계에 대해서 알아보자. 🧑🏻‍💻 Access Token을 보내고 싶었을 뿐이야. 현재 진행하고 있는 프로젝트에서는 이메일과 패스워드를 통해 로그인이 이뤄진다. Next.js 프론트 클라이언트에서 이메일과 패스워드를 request body에 담아 post 요청을 보내면 Python Django 백 엔드 클라이언트에서는 Access Token과 Refresh Token을 보내주는데, Access Toke..

🤔 any 지양하기. 졸업 작품의 프론트를 Next.js + TypeScript로 작성하고 있다. 자식 컴포넌트에서의 상호 작용이 state를 변경시켜야 할 필요가 있어서 부모 컴포넌트에 선언된 setState 함수를 자식 컴포넌트에 props로 넘겨주면서 의문이 생겼다. TypeScript를 통한 React 개발에서 보통 props를 넘겨받을 때, interface나 type alias를 활용하여 해당 props의 타입을 지정해주고는 하는데, props로 number, string 같은 원시 타입만 넘기는 것도 아니고 때때로 ReactNode 같은 타입들도 넘겨야 할 필요가 생기고는 한다. 이전까지는 ReactNode나 HTML 엘리먼트, setState 함수 등을 props로 넘겨줄 때에 정확한 타입..

🤔 나는 성장이 필요해요. 나는 전문대학에서 컴퓨터정보학을 전공하고 있다. 3년제 학부라 이번 학기가 졸업 학기가 된다. 다른 동기들은 교수님들과의 상담을 통해 하나 둘 조기취업을 했고, 게임 QA, 웹 개발 등 다양한 분야에서 실무를 경험하고 있는데, 나는 학교에 남는 것을 택했다. 아직 내게는 성장이 필요하다는 판단 때문이었다. 나는 SI 기업보다는 좀 더 러프한 분위기, 더 많은 것을 시도해볼 수 있는, 자체 서비스를 제공하고 있는 스타트업에 취업을 하고 싶다는 생각을 늘 갖고 있었는데, 전문대학에서 바로 취업을 하자니 이것은 정말 하늘의 별따기와도 같은 소망이었다. 그래서 섣불리 취업처를 결정하기에 어려움이 있었는데...

🧑🏻‍💻 그런 욕심이 들 때가 있다. 대학교 졸업 학기, 현장 개선 캡스톤 디자인 수업 (일명 졸업작품)을 듣고 있다. 팀장을 맡아서 우리 대학의 취업 역량 강화 프로그램 점수를 기반으로 하는 랭킹 커뮤니티 사이트를 개발하고 있는데, 사용자들의 랭킹을 보여줄 때 한 페이지에 30개의 데이터만 보여주고 싶었다. 못해도 전체 재학생 수가 1,000명은 족히 넘을 것이므로 한 페이지만으로 랭킹을 보여주기에는 가독성이 떨어지니까. 그래서 페이지네이션 처리가 필요했는데, 백엔드를 개발하는 팀원에게 부탁하기에는 이미 그가 만들어 주기를 기다리고 있는 수많은 API가 줄을 서 있었기에 팀장으로서 이 정도 처리는 프론트에서 하겠다 자신있게 말을 하고는 페이지네이션에 대한 자료를 이것저것 찾아보았다. 💡 페이지네이션(P..

문제 KOI 어린이집에는 N명의 아이들이 있다. 오늘은 소풍을 가는 날이다. 선생님은 1번부터 N번까지 번호가 적혀있는 번호표를 아이들의 가슴에 붙여주었다. 선생님은 아이들을 효과적으로 보호하기 위해 목적지까지 번호순서대로 일렬로 서서 걸어가도록 하였다. 이동 도중에 보니 아이들의 번호순서가 바뀌었다. 그래서 선생님은 다시 번호 순서대로 줄을 세우기 위해서 아이들의 위치를 옮기려고 한다. 그리고 아이들이 혼란스러워하지 않도록 하기 위해 위치를 옮기는 아이들의 수를 최소로 하려고 한다. 예를 들어, 7명의 아이들이 다음과 같은 순서대로 줄을 서 있다고 하자. 3 7 5 2 6 1 4 아이들을 순서대로 줄을 세우기 위해, 먼저 4번 아이를 7번 아이의 뒤로 옮겨보자. 그러면 다음과 같은 순서가 된다. 3 7..