반응형 분류 전체보기75 [NextJS] SSR에서 Cookie 값 저장하고 가져오기 SSR에서 Cookie값 저장하기 + 가져오기 1. SSR에서 Cookie값 저장 방법 쿠키관련 정보는 이 글에서 생략하며, NEXT에서 쿠키를 다루는 방법에 대해 설명한다. NEXT를 사용하는 이유가 SSR을 적용하기 위해서인데 getServerSideProps()함수를 통해 페이지가 로드되는 경우 서버사이드 렌더링을 할 수 있다. 이 함수 내에서 NextContextPage를 받아오면 query, response, request에 대해 볼 수 있다. Client에 뿌려질 response의 헤더에 쿠키 값을 저장할 수 있는데 저장 방법은 아래와 같다. export async function getServerSideProps(context : NextPageContext) { const { query, .. 2022. 11. 10. [책 리뷰/책 소개] 어쩐지, 도망치고 싶더라니 1. 책 소개 이 책은 정신건강의학과 진료실을 배경으로 내담자와 치료자가 나누는 대화로 구성돼 있다. 내담자는 치료자의 안내를 따라 자기 마음을 온전히 들여다보고, 그 마음이 거부하고 있는 것, 두려워하고 있는 것, 부정하고 있는 것이 무엇인지를 하나둘 알아 간다. 저자들은 독자들이 스스로 그 열쇠를 찾아나갈 수 있도록 한 차례 상담이 끝날 때마다 자신의 마음을 점검해 볼 수 있는 다양한 방어기제와 정신의학 분야의 지식을 친절히 소개하고 있다. 2. 읽게 된 계기 머리 좀 식힐 겸 전부터 심리학에 관심이 많아 추천으로 떴길래 내 서재에 추가해 놨었다. 제목부터 요즘 책 느낌이 나는 게 흥미가 생겼고 무겁지 않게 읽을 수 있을 것 같았다. 직장 다니면서 일에 지칠 때 책으로 도망올 때가 있는데 너무 자기 .. 2022. 10. 24. [Node.js] 공공 오픈 API 이용하기 - 사업자 휴/폐업 실시간 조회 공공데이터 포털 오픈 API 사용법 현재 구현 중인 프로젝트에서 사업자 등록 번호를 입력하면 해당 사업자가 사업을 계속하고있는지 휴업인지 폐업인지 여부를 알아야하는 기능이 필요했다. 마침 검색해 보니 정부에서 국세청 정보를 무료로 오픈API를 이용하여 실시간 조회를 가능하게 했다는 기사를 보고 직접 구현해보기로 했다. 1. 공공데이터 포털 가입 및 API 활용신청 https://www.data.go.kr/tcs/dss/selectApiDataDetailView.do?publicDataPk=15081808 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Da.. 2022. 10. 20. [Python/PySide6] QMessageBox 폰트 크기 변경 방법 메시지박스 폰트 크기 변경 방법 커스텀 MessageBox를 만들어서 메시지 내용을 표시하는 내부에 있는 label을 받아와 QFont를 설정해주는 방법이 있다. "qt_msgbox_label"로 findchild를 해서 Label을 받아온 뒤에 QFont를 새로 생성한다. fontsize는 원하는 값으로 설정해 준 뒤 setFont() 함수로 설정된 폰트를 저장해준다. 가운데 정렬을 하고 싶으면 label.setAlignment()를 Qt.AlignCenter로 설정하게되면 가운데 정렬이 가능하다. 또한 글의 줄간격도 설정해 줄 수 있는데 이건 stylesheet을 css 스타일로 변경하는 방법이 있다. Label의 line-height를 css방식으로 작성한 후 setStyleSheet() 함수로 스.. 2022. 10. 19. [Node.js] 비밀번호 암호화(bcrypt HASH) bcrypt를 이용한 비밀번호 암호화 1. bcrypt 란? node에서 비밀번호와 같은 보안이 필요한 데이터를 hashing 하는데 유용한 모듈이다. 요즘은 그냥 암호화가 아니라 salt 를 이용한 기법으로 암호화를 하는데 이번 글에선 salt를 추가한 암호화에 대해서 다룬다. Salting은 같은 입력값에 대해 동일한 해쉬값을 출력하는 문제를 방지하기 위해 난수를 추가하여 해시함수에 집어 넣는 개념이다. "비밀번호 + Salt 값"의 해시가 함께 DB에 저장된다. $npm install bcrypt //typescript 이용시 아래도 추가 설치 $npm install @types/bcrypt 2. 암호화 파라미터로 받은 password를 saltRound를 10회를 돌린 후 마지막 값을 집어 넣는다.. 2022. 10. 6. [GraphQL] GraphQL 사용법 - (4) ThunderClient로 API 테스트하기 ThunderClient API Test 1. ThunderClient API를 보다 쉽게 테스트하기 위해 VSCode에 Extension으로 추천하는 ThunderClient를 설치한다. 기존에 Postman을 썼었는데 cloud에 공유되는게 꺼려지고, 뭔가 무겁기때문에 따로 프로그램을 키거나 접속하지 않아도 로컬에서 쉽게 보낼 수 있는 방법을 찾게되었다. RestAPI 뿐만 아니라 GraphQL도 보낼 수 있어서 Collection을 만들고 그 하위에 폴더를 생성하여 관련 모델 별로 분류하여 API Request를 만들었다. 2. 사용법 2-1. 환경 변수 설정 Env를 클릭한 후 filter 우측에 Menu를 클릭한다. 새 환경 메뉴를 선택 후 환경 이름을 작성한다. (Ex.SsamJob) 환경 변.. 2022. 10. 4. [GraphQL] GraphQL 사용법 - (3) Sequelize 사용하기(1:1, ForeignKey, Join) Sequelize 테이블 연결 및 외래키 사용 1. Sequelize 테이블 관계 테이블 관계는 1:1, 1:N, M:N 이 있는데 foreignkey를 이용하여 서로 관계를 맺으며 join을 통해 연결된 테이블의 정보까지 불러올 수 있다. 참조 : https://sequelize.org/docs/v6/core-concepts/assocs/ Associations | Sequelize Sequelize supports the standard associations: One-To-One, One-To-Many and Many-To-Many. sequelize.org A.hasOne(B, { /* options */ }); // A는 한 개의 B를 갖는다. A : B = 1 : 1 A.belongsTo(B,.. 2022. 9. 30. [GraphQL] GraphQL 사용법 - (2) Sequelize + MSSQL 연동 Sequelize + MSSQL 1. Sequelize란? Node 에서 자주 사용되는 ORM 라이브러리다. ORM(Object-Relational Mapping)이란 관계형 데이터베이스와 자바스크립트 객체를 서로 연결해주는 도구로 좀 더 DB작업을 쉽게 처리할 수 있도록 도와준다. 타입스크립트를 이용하여 구현할 거기 때문에 sequelize-typescript를 설치한다. $npm install sequelize-typescript 2. sequelize 연결 설정 DB 정보를 저장할 .env파일을 root에 생성하고 DB_HOST, DB_PORT 등 사용할 변수들을 선언해 놓고 값을 입력해 놓으면, process.env.[변수명] 으로 접근 가능하다. 여러 파일들 에서도 하나의 instance에 접근.. 2022. 9. 29. [GraphQL] GraphQL 사용법 - (1) Schema 생성 후 ApolloServer 연동하기 GraphQL + ApolloServer 1. GraphQL 타입 선언 (Schema 만들기) 1-1. Query 타입 Query 타입은 보통 fetch data를 하여 원하는 정보를 얻어올 때 쓰인다. schema.graphql을 만든 후 Schema에 Query 타입을 선언 하고 사용할 resolver들을 선언해준다. 상단에 #import를 이용하여 다른 graphql 파일로 부터 선언된 타입들을 불러올 수 있다. 전체 멤버를 불러오는 allMembers와 id를 이용하여 해당 멤버를 불러오는 getMemberById를 선언하였다. #import Member from "member.graphql" #import MemberResponse from "response.graphql" type Query .. 2022. 9. 27. 이전 1 2 3 4 5 6 ··· 9 다음 반응형
