데브힐러의 프로그래밍

로컬환경에서 로 지정해 놓고 js 파일을 import 하자, 다음과 같은 에러가 생겼다. from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https. 다음 글을 통해 해결할 수 있었다. 로컬에서 CORS policy 관련 에러가 나는 이유

1일 1 커밋을 시행하던 도중, 그저께 깜빡하고 master에 커밋을 하지 못했다. rebase의 날짜 조작 기능으로 잔디를 심어보았다. 1. 깃 로그 열기 $git log 다음과 같이 커밋 기록이 뜬다 commit aada91152d63a98e34c5c2570d5e2d0b54d21ed1 (HEAD -> master, origin/master, origin/HEAD) Author: devhealer email@email Date: Tue Jul 28 20:00:01 2022 +0900 백준 url commit bd2c974a17a0b3c6cd4418815ee5eca68dec7e69 Author: devhealer email@email Date: Fri Jul 22 22:42:37 2022 +0900 de..

8월 26일, 인프런에서 주최하는 개발자를 위한 축제가 열린다. 다양한 강연 세션과 만남의 장이 마련되었다. 개발자들에게 새로운 자극이 될 듯하다. 인프런에서 유명한 캡틴 판교도 온다니 꼭 참석하고 싶다. 참가비는 무료이나 신청 후 추첨하여 참가자를 뽑는다고 한다. https://infcon.day/ 8월 2일 추첨 결과 메일이 왔다. 나는 당첨되지 않았다. 인프콘 신청자가 1만명이 넘었다고 한다. 아쉽다. 가고싶었는데... 온라인으로 세션 녹화 동영상을 올린다고 한다. 그거라도 봐야겠다..

보호되어 있는 글입니다.

1. 원격 저장소 연결 --원격 저장소를 원격 저장소에 연결하기 --현재 원격 저장소에는 main 브랜치만 default로 있는 상태 $ git remote add origin https://github.com/[repository] --원격 저장소에 모든 파일 업로드 하기 $git push --set-upstream origin master 더 간단한방법은 -u 옵션을 사용한다. 같은 역할 $git push -u origin master (master라는 뉴 브랜치 생성됨.) --remote와 loca의 브랜치를 묶어주는 -u 옵션 실행 후 확인 하는 법 $git branch-vv 2. 원격 저장소 브랜치 관리 --원격에 있으나 로컬에서 안보이는 main 브랜치 보이게 하기 $git fetch --al..

로컬 스토리지와 세션 스토리지는 HTML5에서 추가된 저장소이다. 간단한 키와 값을 저장할 수 있다. 키-밸류 스토리지 형태이다. 로컬스토리지의 데이터는 브라우저에 남아있다.(지속적으로 필요한 데이터 예-자동로그인 등 저장) 세션 스토리지의 데이터는 윈도우나 브라우저 탭을 닫을 경우 제거된다.(잠깐 동한 필요한정보 예-일회성 로그인 정보 저장) 참고자료 (HTML&DOM) 로컬스토리지, 세션스토리지 - 그리고 쿠키 안녕하세요. 이번 시간에는 로컬 스토리지(localStorage)와 세션 스토리지(sessionStorage)에 대해 알아보겠습니다. 이름만 봐도 각각의 기능이 뭔지 대충 알겠죠? 영어에 약하신 분들을 위해 간단히 설 www.zerocho.com 참고자료2 쿠키와 세션 개념 개요 쿠키와 세션은..

var는 function-scope이고 let, const는 block-scope이다. var 는 재선언, 재할당이 가능 let은 재선언이 가능 const는 둘다 불가능 let은 값을 할당하기 전에 변수가 선언되어야 한다. 값을 먼저 할당하면 refference error가 된다. temperal dead zone 때문. var는 값을 할당한 후 변수를 선언해도 코드가 동작한다. 변수가 hoisting (함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것을 말한다) 되기 때문이다. 참고자료

1. Syntax let add = (x, y) => x + y; 위와같이 오른쪽의 표현식이 하나라면 중괄호를 필요로 하지 않는다. let squareNum = x => x \* x; 위와 같이 argument가 한개라면 소괄호()를 생략해도 된다. 2. Arguments Binding (argument는 함수 안에서 접근 가능한 Object로써 함수에 전달되는 argument의 값을 포함한다.) arrow함수는 arguments 바인딩을 가지지 않는다. 그러나 가장 가까운 non-arrow형태의 부모함수에의 arguments 오브젝트에는 접근 가능하다. 3. 'this' keyword 사용 가능 유무 일반함수와 다르게 arrow함수는 자기자신의 this가 없다. arrow함수 내부의 th..

배열 정렬하기 (오름차순, 내림차순, 문자열, 객체) 1. sort() 함수 2. sort() 함수로 숫자 오름차순 정렬하기 3. sort() 함수로 숫자 내림차순 정렬하기 4. sort() 함수로 문자열 정렬하기 5. sort() 함수로 문자열(대소문자 구분없이) 정렬하기 6. sort() 함수로 객체 정렬하기 1. sort() 함수 Javascript에서 배열을 정렬하기 위해서는 sort() 함수를 사용합니다. arr.sort([compareFunction]) 파라미터 compareFunction 정렬 순서를 정의하는 함수. 이 값이 생략되면, 배열의 element들은 문자열로 취급되어, 유니코드 값 순서대로 정렬됩니다. 이 함수는 두 개의 배열 element를 파라미터로 입력 받습니다. 이 함수가 ..

1. DOCTYPE 를 선언하지 않으면 어떤일이 발생하나요? 2. 브라우저 렌더링 요소 중 Reflow, Repaint 의 정의와 관련되는 대표적인 CSS 속성은 무엇인가요. 3. 태그의 defer, async 속성의 차이는? 4. 쿠키, 로컬스토리지, 세션스토리지의 차이점은? 5. 점진적 향상법 (Progressive enhancement)과 우아한 성능 저하법 (graceful degradation)의 차이점? 6. FOUC 는 왜 생기는 건가요? 어떻게 피할 수 있는지 ? 7. CSS에서 floating clearing 하지않으면 어떤일이 발생하고 왜 이런일이 발생하는지 ? 8. CSS의 box-model 에서 블록요소의 영역을 차지하는 CSS속성은? 9. 자바스크립트에서 =, ==, === 의 차..