Just Do IT!

프로젝트 끝, JavaScript 심화 과정 시작 월요일, 드디어 일주일 넘게 진행했던 프로젝트가 공식적으로 막을 내렸다. 프로젝트를 마무리하고 팀원들과 회고를 하고 나니 하루가 지나 있었다. 각자 서로 격려도 하고 으쌰으쌰도 하면서 마무리 하고 나니, 새로운 챕터가 시작되었다. 본격적을 리액트 학습하기 전에, 자바스크립트 심화 과정을 하는 시간을 가졌다. 프로젝트 끝 이미 월요일 TIL에 지겹도록 남겼지만, 프로젝트가 성공적으로 끝나서 정말 좋다. 맨 처음 진행했던 프로젝트는 너무 뭘 모르고 시작해서 되려 아쉬움만 남는 프로젝트였다면, 이번 프로젝트는 그래도 기능 구현을 전부 성공하고 심지어 나름 예쁘게 만들어서 기분이 좋은 프로젝트였다. 사실 하는 내내 재밌는 감정이 더 커서 그런가, 끝나니 후련하고..

문제 설명 두 배열이 얼마나 유사한지 확인해보려고 합니다. 문자열 배열 s1과 s2가 주어질 때 같은 원소의 개수를 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ s1, s2의 길이 ≤ 100 1 ≤ s1, s2의 원소의 길이 ≤ 10 s1과 s2의 원소는 알파벳 소문자로만 이루어져 있습니다 s1과 s2는 각각 중복된 원소를 갖지 않습니다. 입출력 예 s1 s2 result ["a", "b", "c"] ["com", "b", "d", "p", "c"] 2 ["n", "omg"] ["m", "dot"] 0 입출력 예 설명 입출력 예 #1 "b"와 "c"가 같으므로 2를 return합니다. 입출력 예 #2 같은 원소가 없으므로 0을 return합니다. 풀이 1. function so..

문제 설명 머쓱이는 할머니께 생신 축하 편지를 쓰려고 합니다. 할머니가 보시기 편하도록 글자 한 자 한 자를 가로 2cm 크기로 적으려고 하며, 편지를 가로로만 적을 때, 축하 문구 message를 적기 위해 필요한 편지지의 최소 가로길이를 return 하도록 solution 함수를 완성해주세요. 제한사항 공백도 하나의 문자로 취급합니다. 1 ≤ message의 길이 ≤ 50 편지지의 여백은 생각하지 않습니다. message는 영문 알파벳 대소문자, ‘!’, ‘~’ 또는 공백으로만 이루어져 있습니다. 입출력 예 message result "happy birthday!" 30 "I love you~" 22 입출력 예 설명 입출력 예 #1 message의 글자 수가 15개로 최소 가로 30cm의 편지지가 필..

1. 실행 컨텍스트란? 스택(stack) : Last in, first out 실행 컨텍스트 : 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 콜 스택(call stack) 안에 실행 컨텍스트가 모아져 있다. 가장 위에 쌓여있는 컨텍스트와 관련된 코드를 실행하는 방법으로 코드의 환경 및 순서를 보장 (LIFO) 컨텍스트의 구성 방법 전역 공간 eval() 함수 함수 ☞ 우리가 흔히 실행 컨텍스트를 구성하는 방법 실행컨텍스트 구성 예시 실행 컨텍스트 객체 생성(활성화) 시점 : 한 '실행 컨텍스트'가 콜 스택의 맨 위에 쌓이는 순간이 곧 현재 실행한 코드에 관여하게 되는 시점 생성 시점에 JS 엔진은 해당 컨텍스트에 관련된 코드를 실행하는데 필요한 환경 정보들을 수집해서 실행 컨테스트 객체에 저장 실행..

오늘 일과 간단 요약 드림코딩 보충 강의 완강 JS 퀴즈 CS 특강 (OSI 7계층) JS 심화 강의 ch.1 ~ ch.3-3 프로그래머스 level 0 2문제 (문제1, 문제2) 드림코딩 보충 강의 완강 드림코딩 유튜브에서 제공해주는 본 강의는 어제 다 들었고, 재생목록에 보면 보충 강의가 있길래 이것도 오늘 다 들어보았다. 이로서, 드림코딩 내의 자바스크립트 강의 진도는 끝! 어제 계획은 지금까지 들었던 내용들을 정리해서 블로그에 올리는 게 목표였는데, 다른 이런저런 일도 있고 바뀐 일정들이 많아서 하나밖에 올리지 않았다. 아직 본내용은 올리지도 못했고. async와 defer의 차이점이라고, html 태그 안에서 위치에 따라 달라지는 걸 정리해놓았는데 보통 나같은 경우에는 태그의 가장 아래에 매번 ..

문제 설명 정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소 중 두 개를 곱해 만들 수 있는 최댓값을 return하도록 solution 함수를 완성해주세요. 제한사항 0 ≤ numbers의 원소 ≤ 10,000 2 ≤ numbers의 길이 ≤ 100 입출력 예 numbers result [1, 2, 3, 4, 5] 20 [0, 31, 24, 10, 1, 9] 744 입출력 예 설명 입출력 예 #1 두 수의 곱중 최댓값은 4 * 5 = 20 입니다. 입출력 예 #1 두 수의 곱중 최댓값은 31 * 24 = 744 입니다. function solution(numbers) { let answer = []; for (let i = 0; i < numbers.length; i++) { for..

문제 설명 사분면은 한 평면을 x축과 y축을 기준으로 나눈 네 부분입니다. 사분면은 아래와 같이 1부터 4까지 번호를매깁니다. x 좌표와 y 좌표가 모두 양수이면 제1사분면에 속합니다. x 좌표가 음수, y 좌표가 양수이면 제2사분면에 속합니다. x 좌표와 y 좌표가 모두 음수이면 제3사분면에 속합니다. x 좌표가 양수, y 좌표가 음수이면 제4사분면에 속합니다. x 좌표 (x, y)를 차례대로 담은 정수 배열 dot이 매개변수로 주어집니다. 좌표 dot이 사분면 중 어디에 속하는지 1, 2, 3, 4 중 하나를 return 하도록 solution 함수를 완성해주세요. 제한사항 dot의 길이 = 2 dot[0]은 x좌표를, dot[1]은 y좌표를 나타냅니다 -500 ≤ dot의 원소 ≤ 500 dot의 ..

기본적인 HTML 파일을 빨리 볼 수 있지만 사용자가 의미 있는 콘텐츠를 보기 위해서는 fetching과 실행하는 시간을 기다려야 한다. 3. head + async JS 파일 다운로드 받는 시간 절약 가능 자바스크립트 파일에서 DOM 요소를 조작하려는 시점에 HTML 파일이 정의되지 않는 위험한 요소가 생길 수 있다. 사용자들이 페이지를 로드하는데 여전히 시간이 걸린다. 4. head + defer 가장 좋은 옵션 순서대로 실행할 수 있어서 가장 안전하다 5. head + async 먼저 다운로드 된 파일을 먼저 실행 (정의된 순서는 상관이 없다) 순서에 의존적이라면 문제가 발생할 수 있다. 드림코딩 자바스크립트 강의를 들을 때 가장 처음으로 나왔던 부분인데, 영 헷갈려서 나중에 찾아볼 수 있을 것 같..

오늘 일과 간단 요약 DOM 기초 특강 드림코딩 자바스크립트 강의 8강-13강 프로그래머스 level 0 2문제 (문제1, 문제2) DOM 기초 특강 원장 튜터님 최고다...진짜 대박 좋은 강의였다. 사실 DOM 특강 듣기 전에 심화 강의 ch5까지 1회차 다 돌았는데, 들었다고 하기 민망할 정도로 이해한게 별로 없어서....ㅋㅋㅋㅋㅋ 2회차 전까지 어떻게 공부해야 하나 고민하고 있었는데, 다행이다. 특강 듣고 나서 드림코딩 끝까지 듣고 나니까 어느 정도 더 잘 이해가 잘 된다. 아직은 바로바로 생각 안나서 적어놓은 설명들 보고 이해하는 중이지만, 그래도 특강 들으니까 어느정도 감이 잡힌다. (자신감은 아니고...그만큼 특강이 좋았다는 뜻.) 아무리 생각해도 TIL에 내가 배운 내용들을 정리하면, 나중에..

문제 설명 선분 세 개로 삼각형을 만들기 위해서는 다음과 같은 조건을 만족해야 합니다. 가장 긴 변의 길이는 다른 두 변의 길이의 합보다 작아야 합니다. 삼각형의 세 변의 길이가 담긴 배열 sides이 매개변수로 주어집니다. 세 변으로 삼각형을 만들 수 있다면 1, 만들 수 없다면 2를 return하도록 solution 함수를 완성해주세요. 제한사항 sides의 원소는 자연수입니다. sides의 길이는 3입니다. 1 ≤ sides의 원소 ≤ 1,000 입출력 예 sides result [1, 2, 3] 2 [3, 6, 2] 2 [199, 72, 222] 1 입출력 예 설명 입출력 예 #1 가장 큰 변인 3이 나머지 두 변의 합 3과 같으므로 삼각형을 완성할 수 없습니다. 따라서 2를 return합니다. ..