마이의 개발 블로그

장고 프레임워크에서는 Formset을 활용하여 여러 개의 폼을 저장하고 관리할 수 있는데, 뷰에서 Formset을 생성하여 템플릿으로 보내면, 기본적으로 비어있는 폼 한 세트가 포함된다. 매번 한 개 이상의 폼이 저장되어야 하는 페이지라면 상관없으나, 상황에 따라 폼을 렌더링하지 않도록 컨트롤 할 수도 있어야 하는데 이때 폼의 empty_permitted 속성을 활용하여 문제를 해결할 수 있다(공식 문서와 검색을 통해 발견한 내용들은 대체로 empty_permitted를 폼 자체에 선언하여 사용하는 방식이였으나, 나의 경우에는 폼에 필수 입력값들이 있어 이를 장고 validator를 통해 validate하는 과정을 무조건 거쳐야 했고 필요에 따라 빈 폼을 렌더링하기도 해야했기에 필요에 따라 빈 폼을 렌더..

배경 테스트를 위한 도메인 연결을 하던 중 HTTPS로의 전환이 필요하여 절차를 간단히 정리해보았다. 이미 Elastic Beanstalk(EB) 인스턴스 생성, 도메인 연결, SSL인증서 발급이 완료되었다는 가정 하에 내가 지정한 도메인으로 접속 시 HTTP를 HTTPS로 전환하기 위해 필요한 절차를 정리해보았다. application 로드밸런서를 기준으로 한다. 설정을 통해 만들고자 하는 전반적인 플로우 1. (HTTP 리스너를 통해) HTTP로 진입 2. (HTTP 리스너에서 설정된 규칙을 통해) HTTPS로 리디렉션 3. (HTTPS 리스너를 통해) HTTPS로 진입 4. (HTTPS 리스너에서 설정된 규칙을 통해) 리디렉션된 페이지에서 해당 인스턴스로 포워드 절차 Elastic Beanstalk..

배경 백오피스를 만들다보면 컨텐츠들의 정보를 한데 모아 대량으로 업로드해야하는 상황이 생기기도 한다. 나는 대체로 많이 사용하는 excel과 xlsx 모듈 중 xlsx 모듈을 선택하여 사용하였고, ExpressJS에서의 예시를 일부 제시하려고 한다. xlsx 모듈을 활용한 엑셀 업로드 기능 구현 순서 1. 터미널에서 npm install xlsx 입력 npm install xlsx 2. 사용하고자 하는 파일에서 require const xlsx = require('xlsx'); 3. 파일 읽어오기 (필요 시 가공 및 변환하기) //파일 첨부 여부 점검 if(!req.files || !req.files.excel_file){ res.status(400).json({ message: '엑셀 파일을 첨부해주세..

요즘은 ExpressJS 프레임워크를 사용하여 백엔드 API를 개발하는 업무를 주로 하고있다. 프레임워크나 프로젝트 셋업에 따라 응답코드를 알아서 리턴해주는 경우도 있지만, 현재 프로젝트에서는 아래와 같이 응답코드를 직접 적어줘야할 경우들이 종종 있어 세부적인 내용을 알아두고자 정리해본다. if(files.length 0){ res.status(200).json({message: '업로드 완료'}); }else{ res.status(500).json({message: '업로드 실패'..

HTTP의 특징 2가지 1. 무상태 (stateless) - 통신이 끝나면 상태정보를 유지하지 않는다는 특성 (이전의 요청과 다음의 요청이 관련이 없다는 의미) - 장점 : 다수의 요청에 대해 서버가 추가 정보를 관리할 필요가 없어 부하를 줄일 수 있음 - 단점 : 서버측에서 클라이언트의 식별이 불가능함 2. 비연결성 (connectionless) - 요청에 대한 응답이 끝나면 연결(connection)을 끊는다는 특성 - 장점 : 연결에 필요한 리소스를 효율적으로 관리하게 해줌 (불특정 다수의 클라이언트) - 단점 : 동일한 클라이언트의 경우에도 연결, 해제에 대한 오버헤드 발생 쿠키와 세션의 사용 이유 웹을 사용하다보면 서버가 클라이언트의 정보를 알아야하는 경우가 많다. 예를들어, 쇼핑몰에서 물건을 ..