개발

[회고] 위키 페이지 만들기 1차 회고

학과 위키 페이지를 만들게 되었다. 위키 페이지는 기존에 존재 했지만, 운영자를 찾을 수 없을 뿐만 아니라 소스코드를 볼 수 없어 업데이트도 불가능 한 상황이었다. 교육 봉사 동아리에서 회식을 하며 "위키 페이지 다시 만들어 볼까"하는 것을 동아리 회장님이 듣고 서버 운영비를 지원해 줄 테니 해보자 라고 하여 본격적으로 시작하게 되었다. 현재까지 위키 페이지 CRUD, 모바일 반응형, 다크모드, 모든 페이지 조회 기능이 구현되어 있으며 추후 위키 페이지 이상으로 학과 내에서 필요한 기능들을 추가하여 학과를 위한 커뮤니티로 발전시킬 계획이다. 1. 기술 스택 프론트엔드: NextJS 13 백엔드: Django 나는 이번 프로젝트에서 프론트엔드를 담당하게 되었다. 원래는 백엔드 개발을 주로 했었지만 이번에 ..

[회고] 온앤오프(2.0) 개인회고

저번 해커톤에서 진행했던 온앤오프를 리뉴얼 하여 앱스토어, 플레이스토어에 런칭하게 되었다. 해커톤은 단기간에 결과물을 만들어야 하므로 퀄리티가 다소 떨어지고 해커톤이 끝나면 해당 아이디어는 버려지게 된다. 이렇게 버려지는 아이디어와 이를 구체화한 우리의 서비스가 사라지는 것이 아쉬워 기존 Express를 사용하던 해커톤 버전의 온앤오프를 NestJS로 리뉴얼하여 실제 런칭까지 해보는게 어떻겠냐고 제안했었다. 결국, NestJS로 리뉴얼을 완료하면서 추가적인 기능들을 구현했고 IOS 팀을 새롭게 모집해 기존 AOS에서만 사용할 수 있던 서비스를 IOS에서도 사용할 수 있도록 확장했다. 1. 기존과의 차이점 기존에 만들었던 서비스는 로그인 기능이 매우 빈약했다. 따라서, 이번 프로젝트를 진행하며 카카오 로그..

[SvelteKit] 스벨트 킷에 테일윈드CSS 적용하기 (SvelteKit + tailwindCSS)

스벨트를 사용하고 싶어졌다. 리액트도 있지만 최근 뜨고 있는 스벨트라는 프레임워크에 더 관심이 간다. 스벨트의 장점인 빠른 개발 속도를 살리기 위해 tailwindCSS를 적용하면 시너지가 좋을 것 같다는 생각이 들었다. 이미 만들어진 디자인을 클래스 형식으로 사용할 수 있기 때문에 간단한 페이지를 만드는데는 도움이 많이 될 것 같다. 1. Svelte 프로젝트 생성하기 스벨트는 npm을 사용해서 프로젝트를 생성할 수 있다. npm create svelte@latest 프로젝트이름 위의 명령어를 통해 프로젝트 생성을 할 수 있다. 순서가 진행되며 여러가지를 물어보는데 선호하는 옵션을 선택하면 된다. 프로젝트가 완성되었다면 해당 디렉토리로 이동하여 npm install을 입력한다. 그럼 패키지들이 자동으로..

[Python] copy와 deepcopy

파이썬에서 배열을 복사하려면 어떻게 해야 할까? arr = [1, 2, 3, 4] arr2 = arr print(arr) print(arr2) 위와 같이 작성하면 될 것 같다. 실제로 출력 해보면 같은 값이 출력된다. 하지만 위의 방법에는 문제가 있다. 💣 파이썬 배열 복사의 문제점 위의 출력 결과는 배열이 복사된 것 처럼 보인다. arr = [1, 2, 3, 4] arr2 = arr arr2.append(5) print(arr) print(arr2) 만약, 기존 배열을 복사하여 원소 하나만 추가하고 싶다면 위와 같이 작성할 것이다. 하지만 위 코드의 출력 결과는 아래와 같다. [1, 2, 3, 4, 5] [1, 2, 3, 4, 5] arr2를 바꾸기를 원했지만 arr도 함께 변경된다. 변수를 생성하고 ..