분류 전체보기 51

TIL 8/19 - 알고리즘 문제풀이

문제 1두 자연수 a와 b가 주어질 때, 이 둘의 최대공약수를 구하는 함수를 작성하세요제한사항:a, b는 1 이상 1000 이하의 자연수입니다.function solution(a, b) { let answer = 0; for (let i = 0; i   문제 2주어진 배열에서 짝수와 홀수의 개수를 각각 세는 함수를 작성하세요. 함수는 [짝수 개수, 홀수 개수]의 배열을 반환해야 합니다.제한사항:배열의 길이는 1 이상 1000 이하입니다.배열의 원소는 1 이상 1000 이하의 자연수입니다.function solution(arr){ let answer = [0,0]; arr.forEach(a => { if (a % 2 === 0) answer[0] ++;..

TIL 2024.08.19

TIL 8/16 - JavaScript 문법 종합반 3주차

JavaScript 문법 종합반2. 실행 컨텍스트 (스코프, 변수, 객체, 호이스팅)(1) 실행 컨텍스트란?실행할 코드에 제공할 환경 정보들을 모아놓은 객체자바스크립트는 어떤 실행 컨텍스트가 활성화되는 시점에 다음과 같은 일을 함선언된 변수를 위로 끌어올림 (호이스팅)외부 환경 정보를 구성함this 값을 설정함실행 컨텍스트를 이해하기 위해서는 먼저 콜 스택에 대한 이해가 필요함!! 콜 스택실행 컨텍스트를 구성하고 이것을 콜 스택에 쌓아올리는데, 이 때 가장 위에 쌓여있는 컨텍스트와 관련된 코드를 실행하는 방법으로 코드의 환경 및 순서를 보장할 수 있다컨텍스트의 구성구성 방법 (여러가지 있지만, 사실 함수만 생각하면 됨)전역 공간eval() 함수함수(우리가 흔히 실행 컨텍스트를 구성하는 방법)실행 컨텍스트..

TIL 2024.08.19

TIL 8/14 - JavaScript 문법 종합반 3주차

JavaScript 문법 종합반 3주차데이터 타입 심화(1), (2) => https://nbcssw.tistory.com/8(3) 변수 선언과 데이터 할당할당 예시/** 선언과 할당을 풀어 쓴 방식 */var str;str = 'test!';/** 선언과 할당을 붙여 쓴 방식 */var str = 'test!'; 값을 바로 변수에 대입하지 않는 이유(=무조건 새로 만드는 이유)자유로운 데이터 변환이미 입력한 문자열이 길어지게 되면, 오른쪽 주소에 있는 모든 값들을 미뤄야함메모리의 효율적 관리똑같은 데이터를 여러번 저장해야 할 때, 모든 변수에 각각 할당하는 것보다 변수 영역에 별도로 저장해 놓는 편이 메모리 관리에 효율적이다(4) 기본형 데이터와 참조형 데이터메모리의 두 가지 주요 개념변수 vs 상수변..

TIL 2024.08.14

TIL 8/13 - JavaScript 문법 종합반 2주차, 3주차 초반

JavaScript 문법 종합반 2주차#일급객체, #Map, #Set#일급객체(First-Class Objct)로써의 함수// 일급 객체(First-class Object)로서의 함수// 일급 객체란 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다// 함수를 매우 유연하게 사용할 수 있다// 1. 변수에 함수를 할당할 수 있다.// 함수가 마치 값으로 취급된다.// 함수가 나중에 사용될 수 있도록 조치가 되었다.const sayHello = function() { console.log("Hello!");}// 2. 함수를 인자로 다른 함수에 전달할 수 있다.// 2-1. 콜백함수: 매개변수로써 쓰이는 함수// 2-2. 고차함수: 함수를 인자로 받거나 return하는 함수f..

TIL 2024.08.13

TIL 8/12 - JavaScript 문법 종합반 1주차, 2주차 초반

JavaScript 문법 종합반 1주차#형 변환, #연산자, #함수, #스코프(지역변수, 전역변수), #화살표 함수, #조건문, #Falsy한 값, truthy한 값, #객체, #배열, #반복문#형 변환// 형 변환// 명시적 형 변환, 암시적 형 변환// 1. 암시적 형 변환: 자동으로 형 변환 되는것// 1-1. 문자열let result1 = 1 + "2";console.log(result1); // 12console.log(typeof result1); // string// 숫자와 문자열을 더하니 자동으로 문자열로 바뀌었음let result2 = "1" + true;console.log(result2); // 1trueconsole.log(typeof result2); // string// 문자열과..

TIL 2024.08.12

8/9 TIL - 코드카타, JavaScript 문법 종합반 조금

코드카타1번 ~ 19번까지문제 풀면서 몰라서 찾아봤던 함수들Math.floor(): 괄호 안의 값의 소수점을 버림.push(): 배열에 괄호 안의 값을 추가함Number(): 문자열을 숫자로 변환Math.pow(a, b): a의 b제곱 값 반환Math.sqrt(a): a의 제곱근 반환Number.isInteger(): 괄호 안의 값이 정수인지 판별.length: 배열의 길이 반환  JavaScrip 문법 종합반변수메모리에 저장하고, 읽어들여서 재사용한다는 개념 ○ 변수 이름: 저장된 값의 고유 이름  ○  변수 값: 변수에 저장된 값  ○  변수 할당: 변수에 값을 저장하는 행위  ○  변수 선언: 변수를 사용하기 위해 컴퓨터에 알리는 행위  ○  변수 참조: 변수에 할당된 값을 읽어오는 것JavaScr..

TIL 2024.08.09

8/8 TIL - SQL 4,5주차 수강

SQL 4주차Subquery여러번의 연산을 수행해야 할 때, 조건문에 연산 결과를 사용해야 할 때 등 편리하게 쓸 수 있는 방법select order_id, restaurant_name, if(over_time>=0, over_time, 0) over_timefrom(select order_id, restaurant_name, food_preparation_time-25 over_timefrom food_orders) aSubquery를 활용해서 음식 준비시간이 25분을 초과한 경우만 가져와서 초과한 시간을 조회 (초과하지 않은 경우 0) JOIN필요한 데이터가 각각 다른 테이블에 존재해서 여러 테이블에서 데이터를 불러와야 할 때 사용두 테이블이 공통으로 가지고 있는 컬럼을 기준으로, 두 테이블을 묶음 ..

TIL 2024.08.08

8/7 TIL - SQL 1~3주차 수강

SQL 1주차SQL데이터베이스와 대화를 하기 위한 언어tip) SQL이란 언어를 이용하여 데이터베이스에 요청을 하는 질의를 'Query'라고 함 SQL 데이터 조회하기SELECT / FROM 문select *from food_ordersselect: 데이터를 가져오는 기본 명령어로, 데이터를 조회하는 모든 query에 사용됨from: 데이터를 가져올 테이블을 특정하는 명령어*: 모든 컬럼(column)을 가져온다는 의미 필요한 항목만 뽑아서 사용하기1) 원하는 컬럼을 선택하기select order_id, restaurant_namefrom food_ordersfood_orders 테이블에서 order_id, restaurant_name 컬럼만 조회 2) 컬럼에 별명 지정select order_id as ..

TIL 2024.08.07

8/6 TIL

웹개발 종합반 3,4,5주차 수강 클라이언트 - 서버 개념 이해하기JSONJavascript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준서버→클라이언트로 주는 Key:Value로 이루어진 데이터 Get 요청클라이언트가 서버에게 데이터 조회(Read)를 요청 FetchJavaScript에서 서버로 네트워크 요청을 보내고 응답을 받을 수 있도록 해주는 매서드(method)fetch("여기에 URL을 입력").then(res => res.json()).then(data => { console.log(data)})fetch의 기본 골격 Fetch 연습 코드1fetch("http://spartacodingclub.shop/sparta_api/seoulair").then(res => res.j..

TIL 2024.08.06

8/5 TIL

웹개발 종합반 1,2주차 수강웹 브라우저 작동 원리웹페이지는 어떻게 동작할까?1번째 힌트 - 내가 사이트에 표기되는 단어를 임의로 바꾸더라도 전체 사용자에게 보이는 것이 바뀌는 것은 아님2번째 힌트 - 인터넷이 끊기더라도 현재 보고 있는 화면이 바로 꺼지지는 않음3번째 힌트 - 새로고침을 하면 내가 바꿔놓았던 사이트가 원래대로 돌아옴>> 이미 웹페이지의 정보를 내 컴퓨터로 가져온 것이기 때문 클라이언트가 서버에 요청을 하면 서버는 클라이언트에게 HTML / CSS / JS를 제공HTML: 뼈대, CSS: 꾸미기, JS: 움직이기 HTML 기초html:5: 뼈대alt + b: 페이지 여는 단축키head: 본문에 들어가지 않는 모든 부분 (페이지 제목, 아이콘, 불러오는 방식, CSS, JS 등)body: ..

TIL 2024.08.05