투명한유리구슬처럼보이지만 투명한유리구슬처럼보이지만

문제 설명 임의의 양의 정수 n에 대해, n이 어떤 양의 정수 x의 제곱인지 아닌지 판단하려 합니다.n이 양의 정수 x의 제곱이라면 x+1의 제곱을 리턴하고, n이 양의 정수 x의 제곱이 아니라면 -1을 리턴하는 함수를 완성하세요. 제한 사항 n은 1이상, 50000000000000 이하인 양의 정수입니다. 입출력 예 n return 121 144 3 -1 입출력 예 설명 입출력 예#1121은 양의 정수 11의 제곱이므로, (11+1)를 제곱한 144를 리턴합니다. 입출력 예#23은 양의 정수의 제곱이 아니므로, -1을 리턴합니다. 위 문제를 처음에는 간단하게 메서드를 사용하지 않고 let result = 0 for (let i = 1; i < n; i++) { if (i * i === n) { resu..

오늘은 알고리즘 문제를 풀었다. 오늘 어려웠던 문제 function solution(arr1, arr2) { const Arr1 = arr1.flat() const Arr2 = arr2.flat() let sum = [] for (let i = 0; i < Arr1.length; i++) { sum.push(Arr1[i] + Arr2[i]) } let result = [] while (true) { result.push(sum.splice(0, arr1[0].length)) if (sum.length === 0) { break } } return result } console.log(solution([[1, 2], [2, 3]], [[3, 4], [5, 6]])) 중첩반복문을 활용하는걸 몰라서 한참을 방..

복제의 방식 기본형 : 값이 담긴 주소값을 바로 복제 참조형 : 값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소값을 복제 불변성의 여부 기본형 : 불변성을 띔 참조형 : 불변성을 띄지 않음 메모리, 데이터 비트 컴퓨터가 이해할 수 있는 가장 작은 단위 0과 1을 가지고 있는 메모리를 구성하기 위한 작은 조각 이 조각들이 모여서 메모리가 만들어진다. 바이트 0과 1만 표현하는 비트를 모두 찾기는 부담 1→2→…→8개(새로운 단위:byte) 메모리(memo_ry): byte단위로 구성 모든 데이터는 byte 단위의 식별자인 메모리 주소값을 통해서 서로 구분 식별자, 변수 var testValue = 3 변수 = 데이터 식별자 = 변수명 변수 선언과 데이터 할당 /** 선언과 할당을 풀어 쓴 방식 */ v..

처음에 토이 프로젝트에 주제에 대해 토론을 하다가 여러가지 의견이 나왔다. 의견 중 한솔님이 생각했던 날씨별 옷 추천과 내가 생각한 개발영상 공유 커뮤니티 두개중에 하나를 선택해야 했고 우린 개발자를 목표로 공부중이기도 하니 개발영상 공유 커뮤니티를 선택하게 되었다. 우리가 만들고자 하는 토이프로젝트의 기능을 생각하다보니 여러 기능이 나왔지만 어떻게 각자 분담할지 또 난관이 였다. 우리 프로젝트는 개발 카테고리별 개발영상을 서로 추천해주는 사이트인데 어차피 카테고리 별로 기능은 동일하게 들어갈꺼기 때문에 다같이 모여서 만드는게 좋지 않을까 의견을 냈었고 같이 만들기보단 각자 만들어서 코드 리뷰하고 그걸 다시 전체적으로 수정해서 하자는 의견도 나와서 의견 충돌이 있었다. 그리고 첫날 밤 기술매니저님 순회때..

let, const let : (변수를 선언할때) 재할당은 가능하고,재선언은 불가능하다. const : (상수를 선언할때)재할당, 재선언이 불가능, 초기값이 없으면 선언 불가능 화살표 함수(Arrow Function) function이나 return 키워드 없이 함수를 만드는 방법 // ES5 function func() { return true } //ES6 const func = () => true const func = () => { return true } () => {} parm => {} (parm1, parm2, ...parms) -> {} // 익명 화살표 함수 () => {} this function은 호출을 할 때 this가 정해지지만, 화살표 함수는 선언할 때 this가 정해진다. 구..

JS 언어의 특징 객체 지향 프로그래밍 지원 동적 타이핑 변수를 선언할 때 타입을 지정하지 않는다. 함수형 프로그래밍 지원 비동기 처리 클라이언트 측 및 서버 측 모두에서 사용 가능 변수, 상수 기억하고 싶은 값을 메모리에 저장하고, 저장된 값을 읽어 들여 재사용 하기 위해 변수라는 메커니즘을 이용한다. 변수 이름 : 저장된 값의 고유 이름 변수 값 : 변수에 저장된 값 변수 할당 : 변수에 값을 저장하는 행위 변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위 변수 참조 : 변수에 할당된 값을 읽어오는것 데이터 타입과 형 변환 데이터 타입 숫자(Number) 정수형 숫자(Integer) let num1 = 10; console.log(num1); // 10 console.log(typeof num..

특성선택자 컨셉 특성 선택자(속성 선택자)는 주어진 속성의 존재 여부나 그 값에 따라 요소를 선택한다. 클래스 속성을 가지고 있는 요소를 선택하기 [class]{ background-color: tomato; } 클래스가 “item”인 요소를 선택하기 [class="item"]{ background-color: tomato; } 값 확인 기호를 추가하여 요소를 선택하는 방식을 다양화할 수 있다. /* 클래스 값에 "it"가 포함되는 요소를 선택하기 */ [class *= "it"]{color: white;} /* 클래스 값에 "it"로 시작되는 요소를 선택하기 */ [class ^= "it"]{color: white;} /* 클래스 값에 "it"로 끝나는 요소를 선택하기 */ [class $= "it"]..

오늘은 인증번호 발송 후 3분내에 입력을 못하거나 메일이 안왔을 경우 재 발 송 이라는 버튼을 눌렀을때 3분 타이머가 초기화되어 다시 3분으로 리셋되는걸 만들었다. 이것도 엄청 찾아 헤매긴 했는데 일단 useState로 재발송을 눌렀을때 렌더링되도록 하고 const [timerKey, setTimerKey] = useState(0); 재발송 버튼에 온클릭 이벤트로 const toggleTimer = () => { setTimerKey(timerKey + 1); //key값이 달라져서 렌더링되버려서 타이머가 초기화 되는방식 setIsTimeOver(false); setTimerActive(true); }; 해당 코드로 setTimeKey에 timerKey가 0일때 + 1을해서 key갑이 달라져 렌더링이 되..