목록분류 전체보기 (272)
나만의 작은 도서관
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/GZYDC/btsH5vEF05A/waEF0CCUq5BSLxoM0U3ms0/img.jpg)
오늘 배운 내용 HTML파일에서 script로 API 사용하기tower_defense 게임을 웹소켓으로 제작하는 이번 팀 프로젝트에서 랭킹 페이지에 접속하면 해당 top 10 리스트를 html페이지로 출력하고 싶었다. 하지만, 매번 API에 대한 데이터는 Insomia와 같은 프로그램으로 받았었기 때문에 html페이지에 출력하는 방법은 낯설었다. 그러다 팀원의 코드를 참고하여 HTML파일에서 script로 API를 받아오는 방법을 알게되었다. 내가 짠 해당 코드는 다음과 같다. fetch를 통해 API에 있는 데이터를 가져올 수 있었다. fetch는 비동기 함수이기 때문에 await를 사용하였고, 그렇게 가져온 데이터를 다시 한 번 awai..
문제 링크https://school.programmers.co.kr/learn/courses/30/lessons/155652 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 난이도 : Lv.1 문제 요약 설명두 문자열 s와 skip, 그리고 자연수 index가 주어질 때, 다음 규칙에 따라 문자열을 만들려 합니다. 암호의 규칙은 다음과 같습니다.문자열 s의 각 알파벳을 index만큼 뒤의 알파벳으로 바꿔줍니다.index만큼의 뒤의 알파벳이 z를 넘어갈 경우 다시 a로 돌아갑니다.skip에 있는 알파벳은 제외하고 건너뜁니다. 두 문자열 s와 skip, 그리고..
오늘 배운 내용 도커 컨테이너에 접속하는 법도커(docker)에 있는 컨테이너에 접속하려면 윈도우 기준 cmd로 접근해야 한다. 이 때 접근하는 명령어는 다음과 같다. docker exec -it 컨테이너_ID 또는 컨테이너_이름 /bin/bash 이 명령어는 -it 옵션으로 인터랙티브 모드와 가상 터미널을 열어주며, /bin/bash 명령은 컨테이너 내부의 bash 쉘을 실행하도록 한다. 다른 쉘을 사용하고 싶다면 해당 쉘의 경로를 지정하면 된다.JS에서 reduce를 이용해서 배열의 합을 구하기배열의 합은 for문을 돌면서 합을 구할 수도 있지만, 보다 세련되게 배열의 합을 구할 수 있다. 그 세련된 방법은 ES6에서 도입된 reduce..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/AqBtv/btsH4EgO6IX/Z7jJdAQHWeckKafh2r8gJ0/img.webp)
응용 계층 응용 계층(Application Layer)은 컴퓨터 네트워크에서 데이터를 최종 사용자에게 제공하고 애플리케이션 간의 통신을 담당하는 계층입니다. OSI 7계층 모델의 최상위 계층이며, TCP/IP 모델에서도 맨 위에 위치해 있습니다. 이 계층은 사용자와 소프트웨어 애플리케이션이 네트워크를 통해 데이터를 교환하는 데 필요한 인터페이스와 프로토콜을 제공합니다.주요 기능 및 역할데이터 표현 및 변환:데이터가 사용자와 통신하기 위해 필요로 하는 형식으로 변환됩니다. 예를 들어, 이메일 전송 시 텍스트, 이미지 등의 다양한 형식의 데이터가 전송될 수 있습니다.데이터 암호화, 압축 및 포맷 변환이 이 계층에서 이루어집니다.네트워크 서비스 제공:응용 계층은 이메일, 파일 전송, 웹 브라우징, 원격 데스크..
문제 링크https://school.programmers.co.kr/learn/courses/30/lessons/160586 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 난이도 : Lv.1 문제 요약 설명휴대폰의 자판은 컴퓨터 키보드 자판과는 다르게 하나의 키에 여러 개의 문자가 할당될 수 있습니다. 키 하나에 여러 문자가 할당된 경우, 동일한 키를 연속해서 빠르게 누르면 할당된 순서대로 문자가 바뀝니다. 예를 들어, 1번 키에 "A", "B", "C" 순서대로 문자가 할당되어 있다면 1번 키를 한 번 누르면 "A", 두 번 누르면 "B", 세 번 누르면..
오늘 배운 내용 객체가 들어있는 배열에서 특정 속성이 특정 값을 가지는 지 확인하는 법배열에 객체가 들어있는 경우, 객체가 가지는 속성 중 특정 속성이 가지는 값으로 필터링하고 싶을 때가 있다. 이번 과제에서 몬스터 정보가 객체로 담겨있는 배열에서 몬스터 아이디를 통해 해당 객체를 가져오고 싶었는데 어떻게 해야할 지 몰랐다가 검색을 통해 알 수 있었다. 해결한 방법은 다음과 같다.// find안에 다음과 같이 함수를 넣으면 객체 안의 속성 인 id가 monsterId와 일치하는 객체만 가져오게 된다.const monsterData = MONSTER_CONFIG.find(monster => monster.id == monsterId); arr..