서버스터디 4주차
백엔드 -> DB SQL문을 가지고 DB에 데이터 요청 RDBMS 관계형 데이터 베이스 DDL(데이터 정의어) -> Create, Alter, Drop DML(데이터 조작어) -> Insert,Select,Update,Delete DCL(데이터 제어어) -> Grant,Revoke
업무 일지
1. 채팅방 목록 리스트 get 2. 검은색 모달 리스트 get 3. 해쉬 태그 백준 태그 참고 해서 채팅방 생성 4. 5. 실시간 채팅 채팅방 스크롤이 최하단일때 다시 get 요청 백엔드 채팅방 목록 해쉬태그
서버 스터디 3주차
서브 도메인 이란? 서브 도메인은 보조 도메인으로써, URL로 전송하거나 계정 내의 IP 주소나 디렉토리로 포워딩되는 도메인 이름의 확장자이다. 예를들어 네이버는 여러 서비스들을 아래와 같은 서브도메인을 통해 사용자가 접근할 수 있도록 한다. 네이버 블로그 : blog.naver.com 네이버 메일 : mail.naver.com 네이버 금융 : finance.naver.com 리다이렉션 어떤 특정한 ip 나 도메인으로 클라이언트가 접속할 경우 서버에서 정한 주소로 바꿔주는 경우를 의미한다. 데스크탑에 VMWARE 설치. 노트북에는 설치되어있었지만 데스크탑에 설치하고 싶어서 다시 VMWARE와 UBUNTU를 설치했습니다. VirtualBox로 첫 시도를 했는데.. 이상하게 오류가 나더라구요 그래서 VmWa..
트랜지션
https://www.daleseo.com/css-transitions/ CSS 트랜지션(transition) Engineering Blog by Dale Seo www.daleseo.com transition ease ease-in ease-out ease-in-out https://chinsun9.github.io/2021/06/18/transition-timing-function/ transition ease ease-in ease-out ease-in-out 무슨 차이일까 style.css123.box { transition: all 0.2s ease;} 자연스러운 변화를 주기 위해서 사용하곤 했다 ease는 여러 가지가 있는데 어떤 차이일까? transition-timing-function 영상..
display 속성: inline, block, inline-block
https://www.daleseo.com/css-display-inline-block/ [CSS] display 속성: inline, block, inline-block Engineering Blog by Dale Seo www.daleseo.com
맥 윈도우 협업시 git 에서 CRLF 개행 문자 차이로 인한 문제 해결방법
왜 당신은 삽질을 했나요? 최근에 거인같은 분들과 프로젝트를 할 기회가 생겼습니다. 이미 진행되어있는 프로젝트에서 부가적인 기능을 구현하는 역할을 맡게 되었습니다. 그래서 만들어진 프로젝트를 git을 통해 clone을 했는데 처음에는 prettier와 eslint 가 단순하게 충돌하는 오류이라고 생각했습니다. 실은 이전에 이와 같은 오류를 한번 경험하였기때문에 해결할 수 있을 거라고 생각했습니다. 하지만 몇시간을 투자해도 해결할 수 없었고, 질문을 통해서 답을 얻어냈습니다. 무엇이 문제였나? 문제는 사용하는 OS의 차이였습니다. 저는 윈도우를 사용하였고, 기존에 프로젝트를 진행하시던 분께서는 맥을 사용하셨습니다. Windows 에서는 line ending으로 CR(Carriage-Return, \r)과 ..
서버 스터디 2주차
Protocol 이란? client가 server에 요청을 하는 방식 Protocol의 종류 http : 서버와 클라이언트가 인터넷상에서 데이터를 주고 받기 위한 프로토콜 packet - header , body로 구성 https : http 에서 보안이 추가된 프로토콜 mysql: ssh : 네트워크상의 다른컴퓨터에 로그인하거나 원격시스템에서 사용하는 프로토콜 ftp : 파일전송 프로토콜 sftp : sftp는 ssh의 파일전송 버전이다. IP 도로명 주소 ---> 위도, 경도 도메인 IP port : 서버로 들어가는 출입문 http : 80 https: 443 ssh: 22 ftp: 21 sftp: 22 mysql: 3306 sftp는 ssh의 파일전송 버전이다. 80 port는 default로 설정..
리액트 스크롤바 커스터마이징
아래의 내용은 예전 기록입니다. 최근 글을 참고해주세요. 2022.05.08 - [공부기록/커뮤니티 프로젝트] - 스크롤바 다시 커스텀.. 스크롤바 다시 커스텀.. 아.. 이 무슨 .. 기존에 사용하던 스크롤바 라이브러리이다. 윈도우에서는 내 입맛에 맛게 커스텀 되었지만, 최근에 맥북으로 바꾸게 된 프로젝트 환경에서는 그렇지 않았다. 즉, 내가 원하는 모 ehddud100677.tistory.com 왜 당신은 스크롤바 커스터마이징을 하고 있나? 최근 진행하고 있는 프로젝트에서 스크롤 ui 부분이 우리가 만들어나가고 싶은 감성과 맞지 않아서 커스터마이징을 해야하는 상황이였다. 그래서 어떻게 해결했나? 우선 npm 에서 킹갓 분들이 이미 만들어두신 react-custom-scrollbars를 사용하기로 하였..
slack 실시간 채팅 (1)
https://thebook.io/080229/ch07/02/ Node.js 교과서 개정 2판: 7.2 MySQL 설치하기 thebook.io https://asummerz.tistory.com/m/38 [MySQL] MySQL Installer 포트번호 설정 시 오류 the specified port already in use 얼마 전 웹&모바일 페이지 프로젝트를 진행하면서 서버는 MySQL로 진행했는데 테스트 단계에서 MySQL을 재설치하며 오류가 발생했었다. 초기 설정 시에는 나타나지 않았던 오류가 재설치를 하면서 asummerz.tistory.com npx sequelize db:create 아 순서의 문제 였네요 npx sequelize db:create 하고 npm run dev 를 해준다음에..
몽고DB 리액트 new Date 시간.
당신은 왜 잠도 못자고 이러고 있나? MongoDB에서 {timestamp: true}를 사용했었는데 이는 한국 표준시가 아니였다. 그래서 같은 날짜를 비교하는 나의 로직에서 오류가 났다. function getCurrentDate() { var date = new Date(); var year = date.getFullYear(); var month = date.getMonth(); var today = date.getDate(); var hours = date.getHours(); var minutes = date.getMinutes(); var seconds = date.getSeconds(); var milliseconds = date.getMilliseconds(); return new Date..