본문 바로가기

전체 글696

캔버스(canvas)를 이용한 도형 그리기 Canvas API 1. 텍스트 그리기🔹 fillText(text, x, y [, maxWidth]): 지정한 위치에 텍스트를 채워서 그립니다.🔹 strokeText(text, x, y [, maxWidth]): 지정한 위치에 텍스트의 윤곽선을 그립니다. 2. 텍스트 스타일 설정🔹 font: 텍스트의 폰트 스타일 설정.         ctx.font = '48px serif🔹 textAlign: 텍스트의 정렬 방식을 설정.        가능한 값으로는 start, end, left, right, center가 있습니다. 기본값은 start입니다.🔹 textBaseline: 텍스트의 기준선을 설정합니다.       가능한 값으로는 top, hanging, middle, alphabetic, ide.. 2024. 12. 19.
교육과정 틀기 6주차 인증 (Session / Cookie / JWT)  전달사항 : 면접 - 많이 하면 익숙해짐과제 - 웨소켓, 웹 서버를 다 이해해야함그 다음에 개임 서버 공부, 이해하기 게임서버 취업, 웹서버로 시작하기 게임 서버에 사용하는 기술 :  싱글플레이 : 웹소켓 필요 X나머지 ; 소켓(웹, TCP) 사용! 웹서버로 실시간 pvp는 안되는데 시뮬레이션은 가능pvp하려면 웹소켓 써야함 웹서버 게임 장점재미있게 기획하면 가능(캐피바라게임처럼..) 웹서버로 노선변경, 웹게임만든느 쪽도 고려... 하승우 튜터님 인프런으로 C#, C++ 서버 공부하셨데...메모리가 기본, 배열도 복잡(내가 설정. 한칸 인티저 사이즈도 내가...그냥 다 내가...웹보다 실시간 서버 난이도가 5배정도 뛰음...실시간은 디버깅 양이 .. 2024. 12. 19.
문자열 메서드 .trim()문자열에서 앞뒤의 공백(whitespace)을 제거하는 메서드문자열의 중간에 있는 공백은 제거하지 않습니다.입력 데이터가 정리되지 않은 경우, 이를 처리하여 데이터를 깔끔하게 만드는 데 유용합니다. 공백에 포함되는 경우스페이스(' ')탭('\t')줄바꿈('\n')캐리지 리턴('\r')ex1) 공백 지우기const str = " Hello World! ";console.log(str.trim()); // "Hello World!"ex2) \n사용시process.stdin으로 데이터를 읽으면 입력값의 끝에 줄바꿈 문자(\n)가 포함될 수 있습니다. 이를 제거하지 않으면 의도치 않은 결과를 초래할 수 있습니다.입력이 5 3\n처럼 줄바꿈 문자를 포함하는 경우:const input = "5 .. 2024. 12. 19.
알고리즘 38번 - 직사각형 별찍기 URL : https://school.programmers.co.kr/learn/courses/30/lessons/12969JS문제이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다. 별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요. 제한 조건 n과 m은 각각 1000 이하인 자연수입니다. 계획1. n만큼 *을 출력함2. m만큼 1.을 반복함참고, 풀이 답process.stdin.setEncoding("utf8");process.stdin.on("data", (data) => { const p = data.split(" "); const n = Number(p[0]), m = Number(p[1]); let strN = ""; for (let .. 2024. 12. 19.
DNS 오늘 모의 면접에서 DNS에 관해 질문하셨는데 '브라우저에서 검색하면 DNS로 가서 ip를 받아온다' 밖에 몰라서 조사해봐야 겠다는 생각을 했습니다. 도메인 이름 시스템(DNS) 개요1. DNS의 역할DNS는 인터넷의 "전화번호부"로, 사람이 읽을 수 있는 도메인 이름(예: www.example.com)을 컴퓨터가 사용하는 IP 주소(예: 192.168.1.1)로 변환합니다. 이를 통해 사용자는 복잡한 IP 주소를 기억할 필요 없이 웹사이트에 쉽게 접속할 수 있습니다.2. DNS의 주요 구성 요소와 작동 과정DNS는 네 가지 주요 서버를 통해 동작합니다:재귀 DNS 확인자(리커서)사용자의 요청을 받아 최종 IP 주소를 찾기 위해 다른 DNS 서버와 상호작용합니다.루트 네임서버도메인 이름의 최상위 계층을 .. 2024. 12. 18.
아이템 환경설정더보기설치(npm)# 프로젝트 시작npm init -y# express socket.io 설치npm install express socket.io# prettier nodemon 설치 (위에서 이미 설치됨으로 중복 제거)npm install --save-dev nodemon prettier# prismanpx prisma init# CORS 미들웨어를 설치 : http://localhost:3000랑 http://127.0.0.1:3000를 동일하게 인식npm install cors  스테이지, 아이템 어떻게 만드는지 찾아보기 시작 ~ 스테이지 올리기더보기서버와 연결 public\Socket.js의 socket -> const socket = io('http://localhost:3000', {.. 2024. 12. 18.

티스토리툴바