얼음콜라

안녕하세요. 오늘은 저번 포스팅에 이어서 TypeScript 환경에서의 Express-session 로그인 처리 포스팅을 진행하겠습니다. 작업환경 express-session, SessionData 수정 로그인처리 1. 작업환경 운영체제 Windows 10 Pro 사용 툴 VSCode 1.59 node v14.17.3 npm 6.14.13 2. express-session, SessionData 수정 대부분의 이 포스팅을 찾아오신 분들이 막혀서 진행 못했던 부분이라고 판단되는 부분입니다. 저도 이걸로 고생을 많이 했었습니다. import 한 부분에서 "express-session" 부분에서 마우스 커서를 올리고 [F12]를 눌러 express-session 자체를 봅니다. interface Session..

안녕하세요. 오늘은 BE에서 REST API 만들때, 또는 FE에서 만들어진 REST API 사용 시 유용하게 쓸 수 있는 툴인 POSTMAN 에 대해서 포스팅 해보겠습니다. 사용환경 POSTMAN 설치 POSTMAN 사용 예시 1. 사용환경 운영체제 Windows 10 Pro 사용 툴 POSTMAN v8.12.1 2. POSTMAN 설치 POSTMAN 설치 주소입니다. https://www.postman.com/downloads/ Download Postman | Try Postman for Free Try Postman for free! Join 17 million developers who rely on Postman, the collaboration platform for API developme..

안녕하세요. 오늘은 페이지마다 로그인 유무를 확인하고, 로그인 정보를 기억하는 등 활용성이 좋은 Express-session을 이용한 방법을 포스팅하겠습니다. 작업 환경 개념 설치 및 세팅 1. 작업환경 운영체제 Windows 10 Pro 사용 툴 VSCode 1.59 node v14.17.3 npm 6.14.13 2. 개념 Java로 Sping 공부하신 분들은, request.getSession().setAttribute("user", user); 대략 이런 식으로 session에 로그인된 user 정보를 저장해 두신다는 걸 알 겁니다. 왜 이렇게 해야 할까요? 브라우저에도 Session Storage가 있던데 그걸 이용하면 안 되는 걸까요? Session Storage에 저장해두면, 세션 종료될 때 ..

안녕하세요. 오늘은 리눅스인 CentOS8에 MySQL 설치하는 방법 및 간단한 유저 세팅까지 포스팅 해보겠습니다. 작업환경 MySQL 설치 및 보안설정 DATABASE 생성 및 유저 생성 1. 작업환경 운영체제 CentOS Linux release 8.4.2105 사용 툴 Putty.exe Mysql 8.0.21 2. MySQL 설치 및 보안설정 리눅스 접속 방법은 이번 포스팅에서는 별도로 다루지 않습니다. CentOS에 접속 및 로그인 하신 후 MySQL 설치 작업을 시작합니다. yum -y install mysql-server "완 료 되 었 습 니 다 ! " 라는 어색한 문구와 함께 mysql 설치가 완료됩니다. MySQL 설치가 간단히 끝나고 실행을 해보겠습니다. systemctl start m..

안녕하세요. 저희 회사에서는 개발하면서 Warning과 Error관해 깐깐한 편인데요. 이전 회사와, 공부할 때는 원하는 기능만 되면, 개발이 완료되었다고 생각했었는데, Warning까지 다 잡아가면서 개발을 하니, 확실히 배우는 부분이 많습니다. 그래서 오늘은 많지는 않지만, 현재 사이드 프로젝트를 하면서 보였던 쉽게 놓치고 지나갈 수 있는 실수를 포스팅해보겠습니다. body태그 input:passowrd 태그 1. body태그 HTML 시멘틱에 대해서 알고 나서부터 신경 쓰면서 개발을 진행하고 있습니다. 난사를 막고, 좀 더 가독성 있는 코드를 짜고 싶은 욕심에 개발하고 있는 사이드 프로젝트에서도 적용시키려고 하고 있습니다. // app.tsx const app = ()= >{ return ( .....

안녕하세요 이번에 여러 작업 때문에 개인서버에서 MySQL를 삭제하고, 다시 설치해야할 일이 생겼습니다. 완벽하게 지우지 못하면 계정정보나 일부 설정등이 남아서 다음에 설치할 DB에서 번거로워질수 있는데요. 그래서 오늘은 CentOS8에서 MySQL 깨끗하게 삭제하는 방법을 포스팅 하겠습니다. 우선 yum을 통해서mysql 서버를 삭제 하겠습니다. yum -y remove mysql mysql-server yum 옵션에 -y를 주면 [y/n]을 물어보는 질문에서 자동으로 y로 기입되어 작업이 진행됩니다. 확실한 작업을 하실때 -y를 해서 y + 엔터 난사를 피하세요 위 명령어로 mysql 서버가 삭제가 되면 mysql 설정 파일 디렉토리를 날려야합니다. ls /var/lib/mysql mysql 디렉토리..

안녕하세요. Express 서버 세팅을 완료 하고, 해당 프로젝트에 React를 올리는 작업을 포스팅진해도록 하겠습니다. TypeScript를 사용하여 Express 세팅하기 TypeSrcript를 사용하여 Express 세팅 안녕하세요. 사이드 프로젝트를 시작하며, TypeScript를 사용하여 Express 서버를 세팅해봤는데, 생각보다 찾아보고 설정해야할 항목이 많아서, 같은 상황에 도움이 될까하여 포스팅을 진행해봅니다 icecokel.tistory.com 설치환경 react 설치 및 확인 concurrently 설치 및 scripts 세팅 1. 설치환경 운영체제 Windows 10 Pro 사용 툴 VSCode 1.59 node v14.17.3 npm 6.14.13 2. react 설치 및 확인 r..

안녕하세요. 오늘은 화면 설계할때, 반드시 필요하진 않지만, 알아두면 유용한 사이트 정보를 공유해 드리려고 합니다. 1. 2 ColorCombinations 주소 : https://2colors.colorion.co/ Two Color Combinations Two color combination palettes 2colors.colorion.co 해당 사이트는 조합이 좋은 두 색상을 추천해주는 사이트 입니다. 많은 색상을 필요치 않은 부분에 참고하면 매우 좋을듯 하고, 사용 방법으로는 두가치 컬러 사이에 아이콘을 클릭하여 RGB 값을 복사하여 사용 하시면 됩니다. 2. DesignSeeds 주소 : https://www.design-seeds.com/ Design Seeds | for all who ♥..

안녕하세요 환경변수문제로 node같은 명령어가 먹지 않을 때가 종종 있어서 문제해결 포스팅을 진행하겠습니다. node : 'node' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 작업 환경 환경변수 작업 1. 작업 환경 운영체제 Windows 10 Pro node v14.17.3 npm 6.14.13 2. 환경변수 작업 windows 10 기준 [시작]버튼 을 클릭하고, (또는 [Windows 버튼]) "고급 시스템 설정 보기" 이라고 쳐줍니다. [고급 시스템 설정 보기]를 실행해 줍니다. [환경변수]버튼을 클릭해 줍니다. 사용자 변수 탭에서 [새로 만들기..

안녕하세요. 사이드 프로젝트를 시작하며, TypeScript를 사용하여 Express 서버를 세팅해봤는데, 생각보다 찾아보고 설정해야할 항목이 많아서, 같은 상황에 도움이 될까하여 포스팅을 진행해봅니다. 설치 환경 npm init 및 nodemon 설치 typescript 및 ts-node 설치 및 세팅 express 설치 및 세팅 1. 설치 환경 운영체제 Windows 10 Pro 사용 툴 VSCode 1.59 node v14.17.3 npm 6.14.13 2. npm init 및 nodemon 설치 프로젝트를 진행 할 디렉토리를 생성해주고, npm init을 하여 package.json 파일을 생성해 줍니다. npm init 저는 github에서 클론 생성한 디렉토리라 README.md 가 있습니다...