오늘은 섹션 1을 모두 마무리하고 회고 시간을 갖게 되었다. 회고란 지난일을 돌이켜 생각해보는 것인데 정말 회고라는건 어떤일을 하기에 꼭 필요한 습관인 거같다. KPT 회고 방식으로 회고록을 작성해보았다. 내가 이루고자하는 목표를 향해 끝없이 달려나갈 것이다 !! 🤔목표 상기하기 😶🌫️ 부트캠프에 들어오기 전 나는 생각했었다. 정말 누구보다도 열심히 하자 . 달라 지자 . 내 선택이 후회없는 선택이 되도록 노력하자 이 세가지였다. 섹션 1이 끝난 지금의 나는 사실 저 세가지를 모두 지켰다고는 말 할 수는 없다. 하지만 한가지 확실한 것은 하루하루 성장하고 있다는 것이다. 사실 살아오면서 목표라는 것을 세우고 지켜본적이 없는 것 같다. 예전에 MBTI 검사를 했었는데 P가 90프로 이상이 나왔었다. 이렇..
분류 전체보기
목금 이틀동안 솔로 프로젝트로 나만의 아고라스테이츠를 만들어보았다. 섹션1에서 배웠던 개념들을 모두 사용하여 하나의 웹페이지를 구현해보는 프로젝트였다. 사실 예전에 졸업 프로젝트를 만든다던가 해커톤이나 종종 프로젝트를 참여한 적이 있어 큰 부담은 없었던 거 같다. 하지만 확실히 느낀건 그때보다 지금의 내가 훨씬 성장했다는 점이다. 예전에 화면 레이아웃을 구성할 때 flex 박스 사용방법을 잘 몰라 아무곳이나 다 flex를 때려박고 고생을 했던 기억이있는데 섹션 1에서 학습한 대로 부모요소에 적용하는 속성과 자식요소에 적용하는 속성을 따로 두어 적용하니 수월하게 레이아웃을 손 볼 수 있었다. 그럼 서론은 여기까지 적고 아고라스테이츠를 구현하면서 느낀점이나 어려웠던 점 알게된 점을 중심으로 글을 작성해보겠다..
오늘은 DOM의 기초와 DOM을 한번 다뤄볼 것이다!! ( 중간에 날라가서 2번째 쓰는 중... ㅜㅜ ) DOM ? Document Object Model의 약자, HTML 요소를 Object처럼 조작할 수 있는 모델로 HTML로 구성된 웹 페이지를 동적으로 움직이게 만들 수 있다. DOM은 document 객체에 구현되어 있다. 만약 body에 접근하고 싶으면 document.body를 통해 접근할 수 있다. TIP! DOM 구조를 조회할 때에는 console.dir 이 유용하다. DOM을 객체 모습으로 출력해준다 ! 아래의 코드에서 body의 자식요소를 찾아보자 ! body의 자식요소를 찾으려면 먼저 body에 접근해야 한다. 앞서 말했듯 document.body를 통해 객체를 조회해 보면 다양한 속..
오늘 포스트는 내 머릿속에 존재하는 개념 중 헷갈렸던 개념이나 새롭게 알게된 개념에 대해 카테고리를 나누어 정리하고자 한다 ! LetConst 내 머릿속 "const 를 사용하여 변수를 선언하면 어떠한 변수든 재할당이 금지되는 것이다 ! " 라고 생각했었다. 항상 봐왔던 const 를 사용한 예제에서는 문자열이나 숫자 타입만 다뤘었던 거같다. 그래서 배열과 객체에서는 const 로 사용하는 예제를 접해본 적이 없었다. 따라서 나는 배열과 객체를 const로 선언하면 당연히 재할당이 금지되므로 새로운 요소를 추가하거나 삭제하는 것도 금지될 줄 알았다. 새롭게 알게된 사실 1. const 로 선언된 배열 , 객체의 경우 새로운 요소를 추가하거나 삭제할 수 있다. const arr = []; const toB..
예산 문제 설명 S사에서는 각 부서에 필요한 물품을 지원해 주기 위해 부서별로 물품을 구매하는데 필요한 금액을 조사했습니다. 그러나, 전체 예산이 정해져 있기 때문에 모든 부서의 물품을 구매해 줄 수는 없습니다. 그래서 최대한 많은 부서의 물품을 구매해 줄 수 있도록 하려고 합니다. 물품을 구매해 줄 때는 각 부서가 신청한 금액만큼을 모두 지원해 줘야 합니다. 예를 들어 1,000원을 신청한 부서에는 정확히 1,000원을 지원해야 하며, 1,000원보다 적은 금액을 지원해 줄 수는 없습니다. 부서별로 신청한 금액이 들어있는 배열 d와 예산 budget이 매개변수로 주어질 때, 최대 몇 개의 부서에 물품을 지원할 수 있는지 return 하도록 solution 함수를 완성해주세요. 제한사항 d는 부서별로 신..
이상한 문자 만들기 문제 설명 문자열 s는 한 개 이상의 단어로 구성되어 있습니다. 각 단어는 하나 이상의 공백문자로 구분되어 있습니다. 각 단어의 짝수번째 알파벳은 대문자로, 홀수번째 알파벳은 소문자로 바꾼 문자열을 리턴하는 함수, solution을 완성하세요. 제한 사항 문자열 전체의 짝/홀수 인덱스가 아니라, 단어(공백을 기준)별로 짝/홀수 인덱스를 판단해야합니다. 첫 번째 글자는 0번째 인덱스로 보아 짝수번째 알파벳으로 처리해야 합니다. 입출력 예sreturn "try hello world" "TrY HeLlO WoRlD" 입출력 예 설명 "try hello world"는 세 단어 "try", "hello", "world"로 구성되어 있습니다. 각 단어의 짝수번째 문자를 대문자로, 홀수번째 문자를..
3진법 뒤집기 문제 설명 자연수 n이 매개변수로 주어집니다. n을 3진법 상에서 앞뒤로 뒤집은 후, 이를 다시 10진법으로 표현한 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 n은 1 이상 100,000,000 이하인 자연수입니다. 입출력 예nresult 45 7 125 229 입출력 예 설명 입출력 예 #1 답을 도출하는 과정은 다음과 같습니다. n (10진법)n (3진법)앞뒤 반전(3진법)10진법으로 표현 45 1200 0021 7 따라서 7을 return 해야 합니다. 입출력 예 #2 답을 도출하는 과정은 다음과 같습니다. n (10진법)n (3진법)앞뒤 반전(3진법)10진법으로 표현 125 11122 22111 229 따라서 229를 return 해야 합니다. 나의 풀이..
같은 숫자는 싫어 문제 설명 배열 arr가 주어집니다. 배열 arr의 각 원소는 숫자 0부터 9까지로 이루어져 있습니다. 이때, 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다. 단, 제거된 후 남은 수들을 반환할 때는 배열 arr의 원소들의 순서를 유지해야 합니다. 예를 들면, arr = [1, 1, 3, 3, 0, 1, 1] 이면 [1, 3, 0, 1] 을 return 합니다. arr = [4, 4, 4, 3, 3] 이면 [4, 3] 을 return 합니다. 배열 arr에서 연속적으로 나타나는 숫자는 제거하고 남은 수들을 return 하는 solution 함수를 완성해 주세요. 제한사항 배열 arr의 크기 : 1,000,000 이하의 자연수 배열 arr의 원소의 크기 ..
최대공약수와 최소공배수 문제 설명 두 수를 입력받아 두 수의 최대공약수와 최소공배수를 반환하는 함수, solution을 완성해 보세요. 배열의 맨 앞에 최대공약수, 그다음 최소공배수를 넣어 반환하면 됩니다. 예를 들어 두 수 3, 12의 최대공약수는 3, 최소공배수는 12이므로 solution(3, 12)는 [3, 12]를 반환해야 합니다. 제한 사항 두 수는 1이상 1000000이하의 자연수입니다. 입출력 예nmreturn 3 12 [3, 12] 2 5 [1, 10] 입출력 예 설명 입출력 예 #1 위의 설명과 같습니다. 입출력 예 #2 자연수 2와 5의 최대공약수는 1, 최소공배수는 10이므로 [1, 10]을 리턴해야 합니다. 나의 풀이 function solution(n, m) { var answe..
