고니의 개발 일지📚

* 프로세스(Process)- 컴퓨터에서 실행 중인 하나의 프로그램 * 프로그램(Program)- 특정 작업을 수행하기 위한 명령어의 집합 OS는 프로그램을 실행하면서 디스크에 저장된 데이터를 메모리로 로드한다.프로세스는 OS로부터 독립된 메모리 영역을 할당받으며, 다른 프로세스의 메모리 영역에 접근 불가 * 프로세스의 메모리 영역 구조프로세스의 메모리 영역 구조는 스택, 힙, 데이터, 코드로 나눈다.1) 스택(Stack): 지역 변수, 함수의 매개 변수, 반환되는 주소 값 등을 저장. 높은 주소 값 -> 낮은 주소 값으로 메모리 할당. 영역 크기는 컴파일 때 결정2) 힙(Heap): 사용자에 의해 동적 메모리 할당. 낮은 주소 값 -> 높은 주소 값으로 메모리 할당. 영역 크기는 런타임 때 결정3) 데..

* CPU란?- Central Processing Unit, 중앙 처리 장치, 컴퓨터의 뇌 역할- 컴퓨터에서 프로그램을 실행하는 데 필요한 연산을 처리하고 수행한다.- 프로세서(Processor)라고도 한다. * 메모리란?- 데이터를 저장하기 위한 기억장치- 주 기억장치: 휘발성 메모리 / 메인 메모리 / ex. RAM (Random Access Memory)- 보조 기억장치: 비휘발성 메모리 / ex. SSD(Solid State Drive), HDD(Hard Disk Drive) 등** 휘발성: 전원이 꺼지면 저장된 정보가 사라지는 성질 - CPU에서 빨리 접근할 수 있도록 계층 구조로 나뉜다. 1) 레지스터: CPU가 사용자 요청을 처리할 때 필요한 데이터를 임시로 저장하는 기억장치. CPU 내부에..

문제 설명ROR 게임은 두 팀으로 나누어서 진행하며, 상대 팀 진영을 먼저 파괴하면 이기는 게임입니다. 따라서, 각 팀은 상대 팀 진영에 최대한 빨리 도착하는 것이 유리합니다.지금부터 당신은 한 팀의 팀원이 되어 게임을 진행하려고 합니다. 다음은 5 x 5 크기의 맵에, 당신의 캐릭터가 (행: 1, 열: 1) 위치에 있고, 상대 팀 진영은 (행: 5, 열: 5) 위치에 있는 경우의 예시입니다.위 그림에서 검은색 부분은 벽으로 막혀있어 갈 수 없는 길이며, 흰색 부분은 갈 수 있는 길입니다. 캐릭터가 움직일 때는 동, 서, 남, 북 방향으로 한 칸씩 이동하며, 게임 맵을 벗어난 길은 갈 수 없습니다.아래 예시는 캐릭터가 상대 팀 진영으로 가는 두 가지 방법을 나타내고 있습니다.첫 번째 방법은 11개의 칸을..

자바스크립트의 this는 다른 언어의 this와 다르다.this의 개념을 말해야 할 때 나는 Java에서의 this의 개념을 얘기했고 처참히 틀렸다.....제대로 된 개념을 다지기 위해 this의 개념을 정리해보고자 한다. ◎ Java에서의 this 우선 Java에서의 this는 자기(인스턴스) 자신을 가리키는 참조변수이다.주로 매개변수와 객체 자신이 가지고 있는 멤버변수명이 같을 경우 이를 구분하기 위해 사용한다. ◎ JavaScript에서의 this자바스크립트의 경우 함수 호출 방식에 의해 this에 바인딩할 어떤 객체가 동적으로 결정된다. this 바인딩은 함수를 호출할 때 바인딩할 객체가 동적으로 결정된다.이는 일반 함수 내부, 메서드 내부, 생성자 함수 내부, Call, Apply, Bind를 ..

문제 설명 Finn은 요즘 수학공부에 빠져 있습니다. 수학 공부를 하던 Finn은 자연수 n을 연속한 자연수들로 표현 하는 방법이 여러개라는 사실을 알게 되었습니다. 예를들어 15는 다음과 같이 4가지로 표현 할 수 있습니다. 1 + 2 + 3 + 4 + 5 = 15 4 + 5 + 6 = 15 7 + 8 = 15 15 = 15 자연수 n이 매개변수로 주어질 때, 연속된 자연수들로 n을 표현하는 방법의 수를 return하는 solution를 완성해주세요. 제한사항 n은 10,000 이하의 자연수 입니다. 풀이 1. 자연수 n을 표현하는 가지수에 n은 항상 포함되므로 result를 1로 초기화했다. 2. n의 절반을 넘어가는 숫자들은 더하면 n보다 큰 수가 나오므로, 반복문을 n / 2까지만 돌렸다. fun..

코딩애플님의 동영상 강의를 보다가 흥미로운 영상을 발견했다. https://youtu.be/CojyGfCMvuU Three.js 라이브러리를 사용하면 3D 모델을 띄울 수 있다고 한다! 재밌어보여서 간단한 페이지를 만들며 실습해보았다. Three.js란? 웹페이지에 3D 객체를 쉽게 렌더링할 수 있도록 도와주는 JS 3D 라이브러리이다. WebGL 기술을 기반으로 랜더링과 카메라, 조명 등의 3D 프로그래밍 기술을 간단히 사용 가능하다. WebGL(Web Graphics Library) 웹 상에서 2D 및 3D 그래픽을 사용할 수 있도록 한다. HTML5의 태그를 사용한다. 이것만으로 구현하기에는 복잡… ⇒ Three.js는 3D 요소의 처리를 도와 직관적인 코드를 작성하도록 도와준다. Scene, Ca..

API (Application Programming Interface)란? Interface : 무언가와 상호작용하는 방법을 의미 TV의 전원버튼 : TV와 사용자가 상호작용할 수 있게 함. 기본적으로 사용자에게 노출되어 있는 버튼 브라우저: 아주아주 큰 리모컨! API는 애플리케이션, 서버, 웹사이트를 만든 사람이 공개한 것이다. 사람들은 API로 그것들과 상호작용 할 수 있다. => API는 애플리케이션, 서버, 웹사이트를 만든 사람이 만들어서 내놓은 것이고, 사람들은 API로 그것들과 상호작용 할 수 있다. REST API url을 요청하고, data를 받아올 수 있다. 어느 곳(앱, 브라우저 … )에서나 api를 호출할 수 있다. url은 서버에 의해 노출되어 있어, 원하는 데이터를 찾아볼 수 있..

문제 설명 정수 배열 array와 정수 n이 매개변수로 주어질 때, array에 들어있는 정수 중 n과 가장 가까운 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ array의 길이 ≤ 100 1 ≤ array의 원소 ≤ 100 1 ≤ n ≤ 100 가장 가까운 수가 여러 개일 경우 더 작은 수를 return 합니다. 입출력 예 1차 풀이 배열에 들어있는 값을 차례대로 순회하며 i번째 값 - n의 절대값을 배열에 넣고, 가장 작은 수가 담긴 배열의 인덱스를 찾아 array (기존 배열)에서 해당 인덱스에 해당하는 값을 리턴했다. function solution(array, n) { let answer = []; for(let i of array) { answer.push(M..

문제 설명 자연수 n이 매개변수로 주어집니다. n을 3진법 상에서 앞뒤로 뒤집은 후, 이를 다시 10진법으로 표현한 수를 return 하도록 solution 함수를 완성해주세요. 풀이를 위한 개념 1. 자바스크립트에서 숫자의 진법을 바꾸기 위해 toString()을 사용할 수 있습니다. Number.toString([radix]) - radix (옵션값) 수의 값을 나타내기 위해 사용되기 위한 기준을 정하는 2와 36사이의 정수. (진수를 나타내는 기수의 값.) 디폴트 값은 10진법으로 표현됩니다. 이를 이용하여 10진수를 3진수로 나타낼 수 있습니다. 2. 3진법으로 변환한 수를 다시 10진법으로 변환하기 위해서는 parseInt()를 사용할 수 있습니다. parseInt() 함수는 문자열 인자를 파싱..

GraphQL이란? : 페이스북에서 만든 쿼리 언어. SQL과 마찬가지로 쿼리 언어입니다. - 어떠한 특정 데이터베이스나 플랫폼에 종속적이지 않습니다. - 서버사이드 gql 애플리케이션은 gql로 작성된 쿼리를 입력으로 받아 쿼리를 처리한 결과를 다시 클라이언트로 돌려줍니다. - GraphQL은 어떠한 백엔드 프레임워크나 프로그래밍 언어든 함께 사용할 수 있습니다. GraphQL과 SQL의 서로 다른 목적성 gql : 웹 클라이언트가 데이터를 서버로부터 효율적으로 가져오는 것이 목적이다. sql : 데이터베이스 시스템에 저장된 데이터를 효율적으로 가져오는 것이 목적이다. REST API vs GraphQL REST API URL, METHOD 등을 조합하기 때문에 다양한 EndPoint가 존재한다. 앤드..