분류 전체보기 (71) 썸네일형 리스트형 TIL#22(직사각형 별찍기, 게임 아이템 시뮬레이터 API) 오늘 한일직사각형 별찍기받은 값을 빈칸으로 나누어 a, b에 각각 넣고 for문 두개를 이용해 a만큼 별을 찍고 b만큼 반복하였다. 게임 아이템 시뮬레이터 API게임 캐릭터와 아이템을 활용할 수 있는 API를 만들었다. 어려웠던 점AWS와 가비아를 통해 배포를 하려고 했는데 오류가 발생해 배포에 실패하였다. (AWS와 가비아 외 에도 Studio 3T, Insomnia 등 여러 프로그램을 사용하다보니 헷갈리는 것이 많아 더 많이 사용해 봐야 될 것 같다.)joi로 예외처리하는 것이 익숙하지 않아 빼먹은 예외처리가 많았다. (Joi를 더 많이 다뤄봐야 될 것 같다.)오늘의 TIPSSH(secure shell) Key는 네트워크 상에서 암호화된 통신을 할 수 있도록 하는 프로토콜의 일종이다. Github에서.. TIL#21(클라이언트-서버 구조, 웹 어플리케이션 서버와 게임 서버 공통점과 차이점, 할 일 메모 사이트) 오늘 한일클라이언트-서버 구조클라이언트-서버 구조란? 클라이언트와 서버간의 작업을 분리해주는 분산 애플리케이션 구조이다.클라이언트 - 서비스 요청자서버 - 서비스 자원의 제공자웹 어플리케이션 서버와 게임 서버 공통점과 차이점공통점 - 클라이언트-서버 구조를 이용하여 서비스를 제공한다.차이점 - 게임마다 다르긴 하겠지만 보통의 게임은 데이터의 변화량과 응답 속도에 중점을 두고 웹 어플리케이션 서버는 데이터 이용의 효율성과 유지 보수의 편의성에 중점을 둔다.할 일 메모 사이트 어려웠던 점클라이언트와 서버가 아직 어떠한 원리로 데이터를 주고 받는지 잘 모르겠다. (CS에 대해 더 공부해야겠다.)Inhsomnia를 이용해 데이터 요청을 하고 테스트를 하였는데 사용법이 서툴러 오류가 생겼을 때 디버깅 하는 것이 .. TIL#20(문자열 다루기, MongoDB) 오늘 한일문자열 다루기e가 지수로 표현이 되어 e가 포함되었을 때 false처리를 해주었고 s.length를 통해 길이를 isNaN을 통해 문자가 포함되어 있는지 체크하였다.MongoDBMongoDB는 국내, 외 수많은 개발자들에게서 사용되고 있는 가장 인기있는 비관계형 데이터 베이스 (NoSQL) 중 하나이다.데이터가 정삭적으로 삽입, 조회, 삭제 되었다.어려웠던 점문자열 다루기에서 문자열을 1로 나누어 데이터 타입을 숫자로 바꾸었을 때 NaN이 나오는 걸 활용해 문자열에 알파벳이 있는지 확인하려 했는데 isNaN을 몰라서 typeof로 데이터 타입을 활용하려 하였다. 하지만 NaN도 데이터 타입이 number로 나와 실패하였다. (isNaN이라는 함수를 알게 되어 isNaN을 통해 알파벳이 들어간 문.. TIL#19(내적, Express.js로 백엔드 서버 구현, Insomnia API Client 활용) 오늘 한일내적a의 길이 만큼 루프를 돌리고 a와 b의 값을 곱한 후 answer에 누적으로 더해주었다.Express.js로 백엔드 서버 구현Insomnia API Client 활용어려웠던 점실습을 해보면서 잘 돌아가기는 하는데 어떠한 원리로 돌아가는지 이해가 잘 되지 않았다. (실습을 더 해보고 원리에 대해 공부해보면 이해가 될 것 같다.)오늘의 TIPyarn이란 npm의 대체제로 Facebook이 2016년에 출시한 패키지 매니저이다.특별히 이유가 존재하지 않다면, 하나의 프로젝트에서 npm과 yarn을 혼용하여 사용하는 것은 피해야 한다. (동시에 사용할 경우 모듈을 설치하거나 버전을 수정할 떄 오류가 발생할 수 있다.) TIL#18(수박수박문제, Node.js 입문) 오늘 한일수박수박문제Javascript에서는 문자열을 +로 합칠 수 있기 때문에 쉽게 해결 하였다.Node.js입문Node.js란? Javascript를 브라우저가 아닌 컴퓨터에서 브라우저 없이 실행하게 도와주는 환경이다. 이는 핵심적인 코어 라이브러리와 V8엔진, 그러고 libuv라는 라이브러리를 통해 가능하다.웹 브라우저는 인터넷 브라우저라고도 불리며, 웹 서버로부터 정보를 요청하고 받아 사용자에게 보여주는 소프트웨어다.V8엔진은 구글이 개발하여 구글 크롬 브라우저에서 사용하는 자바스크립트 엔진이다.libuv는 Node.js가 비동기 I/O 작업을 수행할 수 있게 해주는 중요한 라이브러리이다.어려웠던 점Node.js 입문을 하면서 웹의 작동 방식에 대해 배웠는데 어려운 용어가 많아 잘 이해가 안 되었.. TIL#17(가운데 글자 가져오기, 팀프로젝트 마무리) 오늘 한일가운데 글자 가져오기배열에 길이를 통해 짝수 일 때는 가운데 두개의 글자를 홀수 일 때는 가운데 글자를 answer에 넣고 출력하였다.팀프로젝트 마무리깃허브 https://github.com/KwangSoo1555/sparta-3nd-week GitHub - KwangSoo1555/sparta-3nd-weekContribute to KwangSoo1555/sparta-3nd-week development by creating an account on GitHub.github.com시연 영상 https://www.youtube.com/watch?v=yWgYpc2IoBcKPT 회고 https://teamsparta.notion.site/KPT-aa09c8c284c44871a3180f2d2c19f04.. TIL#16(CSS Grid, 제일 작은 수 제거하기) 오늘 한일CSS Griddisplay를 grid로 설정한 후 grid-column과 gird-row로 칸을 지정해 주었다.제일 작은 수 제거하기for문을 통해 배열에서 가장 작은 값을 찾은 후 filter()를 사용하여 제거해주었다.만약 제거 후에 배열이 비어 있으면 -1을 넣어 주었다.어려웠던 점grid에서 각 item에 들어갈 정보들의 크기를 정확하게 알 수 없어서 예상한 화면과 실행 된 화면이 다르게 나왔다. (grid에서도 최소 크기나 최대 크기 등 범위 값을 설정해 주고 각 각의 item도 범위를 설정해 주어 해결하였다.)배열이 비어있을 때의 조건을 null이나 []등으로 확인했었는데 오류가 발생했다. (.length를 통해 배열의 길이가 0이면 빈 배열이므로 배열의 길이를 통해 배열이 비어있는.. TIL#15(비밀번호 검사 및 localStorage 영화 리뷰 삭제 수정) 오늘 한일비밀번호 검사 및 localStorage 영화 리뷰 삭제 수정비밀번호를 입력하는 팝업창을 띄우고 받아온 ID값의 배열을 find()를 통해 찾은 후 입력한 비밀번호와 일치하면 수정이나 삭제로 넘어가게 하였다.삭제에서는 fillter()를 이용해서 선택한 데이터만 삭제하였다.수정에서는 splice를 이용해 수정한 부분의 데이터를 변경하였다.리뷰 등록, 수정, 삭제 모두 정상적으로 작동하였다.어려웠던 점삭제나 수정을 여러번 반복하고 새로고침을 한 후 수정, 삭제를 해보니 num이 꼬여서 리뷰가 순서대로 출력되지 않거나 선택한 부분이 수정되지 않는 현상이 발생하였다. (num을 새로고침 했을 때와 삭제, 수정을 할 때 초기화 해주어 꼬이지 않게 하였다.)전역 변수를 많이 사용하여 변수들이 안전하지 .. 이전 1 ··· 4 5 6 7 8 9 다음
