뉴히의 개발 로그

Jest란?Jest는 페이스북에서 만든 JavaScript testing framework이다. config를 따로 설정하지 않아도 빠르게 테스팅 환경을 만들 수 있다는 것이 큰 장점이다. 2 장에서의 기본 개념과 코드는 코딩앙마님의 Jest 강의와 유데미의 JS 강의중 테스팅 모듈 파트를 참고하여 작성하였다.  1. Install Jestnpm install --save-dev jest개발자 도구이므로 개발환경에서만 사용할거기 때문에 --save-dev를 붙여 설치한다. 2. Test 실행package.json "scripts": { "test": "jest" },스크립트 test 부분을 'jest'로 변경해준다 3. 테스트 코드 작성 (파일 생성)파일명.test.js또는 __tests__ t..

1. Github에 리포지토리를 만들고 레포지토리에 넣을 여러 프로젝트중 하나의 프로젝트를 하나 올린다.부모 리포지토리에 들어갈 자식 리포지토리이다.git initgit add .git commit -m "커밋 메시지"git remote add origin "리포지토리 주소"git branch -M maingit push origin main2. 깃허브 새로운 레포지토리 생성여러 프로젝트를 담을 부모 리포지토리의 역할을 함.처음 한 번만 해주면 됨.3. 부모 레포지토리 clonegit clone [부모 리포지토리 주소] 이때 빈 리포지토리 를 clone 했기때문에빈 저장소를 복제한 것 처럼 보입니다 라고 경고가 뜰 수 있습니다. 무시 또는git commit --allow-empty -n -m "커밋메시지..

문제설명두 정수 left와 right가 매개변수로 주어집니다. left부터 right까지의 모든 수들 중에서, 약수의 개수가 짝수인 수는 더하고, 약수의 개수가 홀수인 수는 뺀 수를 return 하도록 solution 함수를 완성해주세요. 풀이function solution(left, right) { var answer = 0; for(let i=left; i  다른 사람 풀이 function solution(left, right) { var answer = 0; for (let i = left; i   제곱근이 정수면, 약수의 갯수가 홀수니 빼주고 이외의 상황은 모두 약수가 짝수니까 더해주는 방법실행 속도도 훨씬 빠르다

문제 정수 n과 정수 3개가 담긴 리스트 slicer 그리고 정수 여러 개가 담긴 리스트 num_list가 주어집니다. slicer에 담긴 정수를 차례대로 a, b, c라고 할 때, n에 따라 다음과 같이 num_list를 슬라이싱 하려고 합니다.n = 1 : num_list의 0번 인덱스부터 b번 인덱스까지n = 2 : num_list의 a번 인덱스부터 마지막 인덱스까지n = 3 : num_list의 a번 인덱스부터 b번 인덱스까지n = 4 : num_list의 a번 인덱스부터 b번 인덱스까지 c 간격으로올바르게 슬라이싱한 리스트를 return하도록 solution 함수를 완성해주세요. 내 풀이function solution(n, slicer, num_list) { if(n===1) { ..

z-index란?z-index는 HTML이 화면에 그려질 때 어떤 요소가 위에 올라가는지를 설정하는 속성이다. z-index의 값이 높을 수록 위에 올라가며 z축 기준으로 순서를 가진다.z-index는 양수, 음수, auto 값을 가질 수 있으며 따로 지정하지 않으면 auto댜. auto는 z-index를 부모 요소와 동일하게 설정한다. 음수 값을 설정하면, 아래로 깔리게 된다.반드시 position 속성이 static(기본값)이 아닌 것으로 설정 되어 있어야 한다. z-index의 숫자가 높을 수록 상위에 올라온다.z-index는 겹치는 요소의 쌓임 순서를 제어한다z-index는 position이 static이 아닌 값을 가진 요소에만 영향을 준다stacking context는 z-index에 영향을 ..

문제임의의 문자열이 주어졌을 때 문자 "a", "b", "c"를 구분자로 사용해 문자열을 나누고자 합니다.예를 들어 주어진 문자열이 "baconlettucetomato"라면 나눠진 문자열 목록은 ["onlettu", "etom", "to"] 가 됩니다.문자열 myStr이 주어졌을 때 위 예시와 같이 "a", "b", "c"를 사용해 나눠진 문자열을 순서대로 저장한 배열을 return 하는 solution 함수를 완성해 주세요.단, 두 구분자 사이에 다른 문자가 없을 경우에는 아무것도 저장하지 않으며, return할 배열이 빈 배열이라면 ["EMPTY"]를 return 합니다.    풀이function solution(myStr) { let answer = myStr.split(/[abc]/).fil..

로그아웃은나는 별도 서버 없이 로그인시 localStorage에 유저 정보를 저장했다.localStorage에 유저가 있을시login  버튼은 logout으로 변경해주고로그아웃 클릭시 유저 정보 삭제와 메인으로 돌아가기if (localStorage.getItem("name")) { // login 버튼 변경 const loginButton = document.getElementById("login_button"); loginButton.innerHTML = "Logout"; // 로그아웃 const logoutButton = document.getElementById("logout_button"); logoutButton.addEventListener("click", fu..

네이버 개발자 센터 > application > 애플리케이션 등록 api 이용신청애플리케이션 이름 넣고 사용할 API 선택 (네이버 로그인)사이트에 필요하지 않은 정보까지 사용체크하면 검수시에 반려나니 사이트에서 보여지는 필요 정보들만 선택 서비스 URL 에 웹사이트 주소, callback URL에 로그인 완료후 보여질 페이지 URL 등록 모두 넣고 등록하세요!그리고login 페이지와 callback 페이지 작업https://developers.naver.com/docs/login/web/web.md Web 애플리케이션 - LOGIN네이버 로그인은 서버 사이드 언어인 PHP나 Java로 개발한 웹 애플리케이션에도 적용할 수 있습니다. 또한 프런트엔드에서 사용하는 JavaScript를 사용해도 적용할 수 ..