자바라 잡혀라 자바스크립트

1. "use strict"란 무엇인가? use strict(엄격모드)란 ES5에 등장한 기능으로 ES5 이전 자바스크립 기능을 변경한 내용을 활성화 시켜주는 모드이다. "use strict"; // 스크립트 최상단에 있어야 한다 // 함수 내에서 선언하여 해당 함수에서만 사용할 수도 있다. // 물론 해당 함수 내에서 최상단에 위치해야함 function strictTest(){ "use strict"; console.log('this is strict mode!') } 2. 등장배경 1) 자바스크립트는 오랜기간 기존의 기능을 변경하지 않고, 새로운 기능만 추가해왔음 2) 업데이트가 되도 기존에 작성한 코드가 문제가 되지 않았음. 3) ES5가 등장하면서 기존의 기능이 변경됨에 따라 호환성 문제가 발생함..

"현" 이란 문자를 "소"라는 문자로 바꾸고 싶다. 원하는 결과값(result) 는 "소수철수민수" 이다 하지만 아래 코드를 실행했을 때 "현수철수민수"로 결과가 나온다. const hyeon = "현수" const chulsu = "철수" const minsu = "민수" const threeMan = hyeon + chulsu + minsu; function changeWord(longstring, a, b){ for(let i = 0; i < longstring.length; i++){ if(longstring[i] === a){ longstring[i] = b; } } return longstring; } const result = changeWord(threeMan, "현", "소"); cons..

맥북에서 코파일럿을 잘 쓰고 있었는데 어느날 부터 안되기 시작했다. vscode에 우측 하단에 팝업으로 troubleshooting keychain 라는 버튼이 나오고 누르면 https://code.visualstudio.com/docs/editor/settings-sync#_troubleshooting-keychain-issues 이 사이트로 연결된다. 봐도 잘 모르겠고 해결되지 않았다.. stack overflow 에서 copilot extension 을 삭제하고 web상에 github를 sign out 한 다음에 extension을 재설치하고 로그인 시도를 해보라고 해서 했으나 똑같은 문제가 발생했다. 다른 stackoverflow 글에서 vscode 버전이 오래된 경우 문제가 발생할 수도 있다는 ..

https://dev.classmethod.jp/articles/resolving-github-token-authentication-errors/ GitHub 토큰 인증 에러 해결 remote: Support for password authentication was removed. Please use a personal access token i git push 명령어를 입력할 때 나오는 토큰 인증 에러를 해결하는 방법에 대해서 정리해 봤습니다. dev.classmethod.jp push하면 vs코드에서 password 입력창이 상단에 뜨고 깃허브 비밀번호를 입력해도 제목과 같은 오류가 발생한다. token 재발급해서 password에 token값을 입력하면 해결된다. 위 링크를 통해 보고 해결했다.

https://jeongkyun-it.tistory.com/195# [Git] The requested URL returned error: 403 Push 에러 해결 방법 서론 필자가 저 에러를 뱉기까지의 상황은 다음과 같다. 권한(Admin)을 부여받은 공용 repository를 fork한 후 작업 후 push하니까 다음과 같은 에러가 발생했다. 이 403에러는 github을 사용하기 위해 셋 jeongkyun-it.tistory.com 깃허브 push 하니 remote 관련해서 오류가 발생했다. 기존 remote add 한 url에 set-url을 해서 username을 추가했다. 깃허브 username을 찾는 방법은 터미널에 git config user.name 을 입력하면 된다. 위 링크를 보고 ..

// 인증번호 카운트다운 function countDown(timerDisplay) { // 인증번호 타이머 let remainingTime = 5 * 60; // 초 단위로 설정 (5분 = 300초) let timerInterval; // 타이머 ID를 저장할 변수 function updateTimer() { const minutes = Math.floor(remainingTime / 60); const seconds = remainingTime % 60; const formattedMinutes = String(minutes).padStart(2, '0'); const formattedSeconds = String(seconds).padStart(2, '0'); timerDisplay.textCont..

1. 로딩화면 변경 및 추가 - Text로 되어있던 밋밋한 로딩화면을 GIF로 변경 - 검색화면, 시편필사 페이지에 로딩화면 추가 2. 너무 많은 검색결과로 인해 발생하는 로딩지연 문제 발생 '여호와' 검색시 5천개가 넘는 구절이 나옴, 웹페이지가 다운된 것 같은 오랜 로딩이 소요됨. 1) Front (1) 무한스크롤 기능 추가 - 스크롤이 바닥에 닿을 때마다 fetch로 서버데이터를 추가로 가져오도록 설정 // 무한 스크롤 let page = 1; async function fetchItems() { try { const reponse = await fetch(`http://127.0.0.1:3300/api/bible/search?query=${searchWord}&page=${page}`) const..

this의 필요성 객체는 상태를 나타내는 프로퍼티와 동작을 나타내는 메서드를 하나의 논리적인 단위로 묶은 복합적인 자료구조다. 동작을 나타내는 메서드는 자신이 속한 객체의 상태, 즉 프로퍼티를 참조하고 변경할 수 있어야 한다. 이때 메서드가 자신이 속한 객체의 프로퍼티를 참조하려면 먼저 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야 한다. function Circle(radius){ // 이 시점에는 생성자 함수 자신이 생성할 인스턴스를 가리키는 식별자를 알 수 없다. ????.radius = radius; } Circle.prototype.getDiameter = function(){ // 이 시점에는 생성자 함수 자신이 생성할 인스턴스를 가리키는 식별자를 알 수 없다. return 2 * ?..

깃허브 명령어 작업 중에 아래와 같은 화면이 나오고 push나 pull이 안될 경우에는 어떻게 해야할까? 1. --allow-unrelated-histories git push/pull 명령어 뒤에 --allow-unrelated-histories를 붙여준다. git push/pull ex) git push origin main --allow-unrelated-histories git pull origin main --allow-unrelated-histories 2. 1번이 안될경우 1) 강제로 push/pull 하기 ( push -f 할 경우 깃허브 코드가 덮어쓰기 되니 주의할 것 ) git push/pull origin main -f 2) 깃허브 코드가 pull이 안될 때 ㄱ. 깃허브 파일 들어가서..

함수에는 입력과 출력이 있습니다. 입력은 함수가 계산을 하기 위한 외부정보입니다. 출력은 함수 밖으로 나오는 정보나 어떤 동작입니다. 입력과 출력은 명시적이거나 암묵적일 수 있습니다. -명시적 입력 :인자 -암묵적 입력 : 인자 외 다른 입력 ex) 전역변수 읽기 -명시적 출력 : 리턴값 -암묵적 출력 : 리턴값 외 다른 출력 ex) 전역변수 값 변경 액션에서 계산을 빼내기 (계산 추출) 1. 계산 코드를 찾아 빼낸다 (리팩토링) 2. 새 함수에 암묵적 입력과 출력을 찾는다. 3. 암묵적 입력은 인자로 암묵적 출력은 리턴값으로 바꾼다. 예시문제 // 전역변수 : shopping_cart_total function update_shipping_icons(){ var buy_buttons = get_buy_..