📖오늘 공부한 것 1. React Elements : 화면에 보이는 것들을 기술 : Virtural DOM에 존재하는 것이 React Elements이고 랜더링되어 DOM Elements가 되는 것이다. : 불변성 = 엘리먼트는 불변성을 가지기 때문에 내용이 변경되면 엘리먼트가 변경되는 것이 아니라 새로운 엘리먼트를 생성하여 교체하는 것이다. 2. 객체 - new User를 써서 객체를 만들 때 내부적으로 일어나는 일 function User(name) { // this = {}; (빈 객체가 암시적으로 만들어짐) // 새로운 프로퍼티를 this에 추가함 this.name = name; this.isAdmin = false; // return this; (this가 암시적으로 반환됨) } -익명 생성자 ..
이진법 관련 알고리즘 문제를 풀다가 알게 되었다. 하나의 줄만 사용하여 이진법 관련한 계산을 간단하게 할 수 있다. single vertical bar ('|') 란? : 각 수를 이진법으로 변환한 후 각 자리를 1 또는 0으로 합한 후 결괏값에 대한 십진법 수를 반환한다. single vertical bar를 사용할 때와 사용하지 않을 때 어떤 차이가 있는지 알아보자. single vertical bar 없이 구현하기 const number1 = 21; const number2 = 28; number1.toString(2); // '10101' number2.toString(2); // '11100' 이진법으로 변환하면 각각 10101, 11100이다. 그리고 이 두 이진법의 각 자리를 비교하여 1이 ..
https://school.programmers.co.kr/learn/courses/30/lessons/17681 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 네오는 평소 프로도가 비상금을 숨겨놓는 장소를 알려줄 비밀지도를 손에 넣었다. 그런데 이 비밀지도는 숫자로 암호화되어 있어 위치를 확인하기 위해서는 암호를 해독해야 한다. 다행히 지도 암호를 해독할 방법을 적어놓은 메모도 함께 발견했다. 지도는 한 변의 길이가 n인 정사각형 배열 형태로, 각 칸은 "공백"(" ") 또는 "벽"("#") 두 종류로 이루어져 있다. 전체 지도는 두 장의 지..
https://school.programmers.co.kr/learn/courses/30/lessons/12926 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 어떤 문장의 각 알파벳을 일정한 거리만큼 밀어서 다른 알파벳으로 바꾸는 암호화 방식을 시저 암호라고 합니다. 예를 들어 "AB"는 1만큼 밀면 "BC"가 되고, 3만큼 밀면 "DE"가 됩니다. "z"는 1만큼 밀면 "a"가 됩니다. 문자열 s와 거리 n을 입력받아 s를 n만큼 민 암호문을 만드는 함수, solution을 완성해 보세요. 제한 사항 공백은 아무리 밀어도 공백입니다. s는 ..
https://school.programmers.co.kr/learn/courses/30/lessons/12982 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 S사에서는 각 부서에 필요한 물품을 지원해 주기 위해 부서별로 물품을 구매하는데 필요한 금액을 조사했습니다. 그러나, 전체 예산이 정해져 있기 때문에 모든 부서의 물품을 구매해 줄 수는 없습니다. 그래서 최대한 많은 부서의 물품을 구매해 줄 수 있도록 하려고 합니다. 물품을 구매해 줄 때는 각 부서가 신청한 금액만큼을 모두 지원해 줘야 합니다. 예를 들어 1,000원을 신청한 부서에는 ..
객체 -프로퍼티(키-값) 1. 객체 키 유효한 변수 식별자 :점은 키가 유효한 식별자일 때만 사용가능하다. 공백, $, _를 제외한 특수문자가 있는 경우 유효한 식별자가 아니다. 키가 유효한 식별자가 아닌 경우 대괄호 표기법을 이용하면 된다. :사용자 입력 값 등에 의해 key가 변경되는 경우 대괄호 표기법을 사용해야 한다. 2.객체/ 계산된 프로퍼티 :객체를 만들 때 키가 대괄호로 감싸져 있는 경우 : 만약 [fruit]: ... 인 경우 프로퍼티 이름을 변수 fruit에서 가져온다는 뜻이다. 3. 예약어 : 변수 이름엔 예약어 사용이 안되지만 객체의 키 이름으로는 사용할 수 있다. 프로퍼티의 이름엔 다른 제약이 없다! 4.undefined과 in 연산자 : 객체의 경우 존재하지 않는 프로퍼티에 접근하..
https://www.acmicpc.net/problem/11651 11651번: 좌표 정렬하기 2 첫째 줄에 점의 개수 N (1 ≤ N ≤ 100,000)이 주어진다. 둘째 줄부터 N개의 줄에는 i번점의 위치 xi와 yi가 주어진다. (-100,000 ≤ xi, yi ≤ 100,000) 좌표는 항상 정수이고, 위치가 같은 두 점은 없다. www.acmicpc.net 문제 2차원 평면 위의 점 N개가 주어진다. 좌표를 y좌표가 증가하는 순으로, y좌표가 같으면 x좌표가 증가하는 순서로 정렬한 다음 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 점의 개수 N (1 ≤ N ≤ 100,000)이 주어진다. 둘째 줄부터 N개의 줄에는 i번점의 위치 xi와 yi가 주어진다. (-100,000 ≤ xi, yi ≤..
강의를 보면서 애플스토어 클론코딩을 진행하던 와중에 429 에러 rate-limited 를 보게되었다. 한 ip에서 서버에 요청이 과도하게 많아지면 그것을 제한하는 오류라고 한다. 시간이 지나면 해결되거나, 브라우저의 쿠키를 삭제하면 된다길래 적용했지만 계속해서 실패했다. 클레이풀 api를 사용중이었고 테스터플랜이었기 때문에 api 요청이 꽉찼나? 생각했지만 그것도 아니었다. 다른 페이지는 괜찮은데 장바구니 페이지에서만 오류가 나서 확인해보니, 장바구니 내역을 불러오는 useEffect에서 setState를 사용하는데 의존성 배열을 설정하지 않아서 useEffect 실행 > setState 실행으로 state 변경 > useEffect 실행 ... 이렇게 무한 루프에 빠진 것이었다! 그래서 의존성배열로 ..
https://school.programmers.co.kr/learn/courses/30/lessons/12940 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 두 수를 입력받아 두 수의 최대공약수와 최소공배수를 반환하는 함수, solution을 완성해 보세요. 배열의 맨 앞에 최대공약수, 그다음 최소공배수를 넣어 반환하면 됩니다. 예를 들어 두 수 3, 12의 최대공약수는 3, 최소공배수는 12이므로 solution(3, 12)는 [3, 12]를 반환해야 합니다. 제한 사항 두 수는 1이상 1000000이하의 자연수입니다. 입출력 예 n m ..
프로그래밍 공부를 진행하던 중에... 뭔가 늘어지는 기분이라 눈에 보이는 결과가 있는 공부를 하고 싶다! 라고 생각해서 SQLD 자격증을 따자고 마음 먹었다. 공부를 해야겠다고 마음먹은 것은 접수일부터니까.. 약 한 달 정도이지만 실제로는 2주도 공부를 안 한 것 같다. SQLD 접수 SQLD는 약 3개월 단위로 시험이 진행하고 시험일 약 한 달 전에 일정기간 동안 접수를 받는다. 접수할 때 첫날에 빠르게 접수하는 것을 추천! 할까 말까 미적거리다가 접수했더니 집에서 고사장은 이미 꽉 찼고 그나마 남은 것도 20명 정도밖에 안 남아있어서 냅다 신청했다. 그러니!! 원하는 고사장에서 시험 보려면 첫날에 바로!! 신청해야 한다. SQLD 공부자료 SQLD 공부는 기본적으로 노랭이 라고 불리는 SQL 자격검정..
