본문 바로가기
  • search_ _ _ _
  • search_ _ _ _
  • search_ _ _ _

전체 글51

[JavaScript] 세로 스크롤 위치 퍼센트에 따른 가로 스크롤 만들기 See the Pen Progress Indicator on Scroll by gaae (@gaae) on CodePen. 2024. 4. 19.
[JavaScript] 스크롤 위치 높이 1. scrollTop, scrollY, pageYOffset : 상단에서 수직으로 멀어진값 - Element 기준 const scrollTop = document.documentElement.scrollTop; //const scrollTop = document.querySelector("html").scrollTop; - Window 기준 const scrollY = window.scrollY; - Window 기준 : IE 호환 const pageYOffset = window.pageYOffset; 셋다 값은 동일. 2. clientHeight, innerHeight : margin, border제외 화면에 보이는 높이, 시각적으로 보이는 영역 스크린 창 - Element 기준 const clien.. 2024. 4. 19.
[GitHub] 에러 & Clone & Commit & Push error: No such remote: 'origin' 자꾸 에러가 난다. 검색도 해보고 연결을 다시 시도해보고 재부팅을 해도 영문을 모르겠다. 그래서 좀 더 쉽게 가기로 했다. 1. 만들어진 리포지토리에 폴더와 파일을 올리고 clone url을 복사한다. 2. vscode F1을 눌러 git clone을 검색한다. 3. 복사한 clone url을 붙어넣는다. clone을 만들 경로를 선택하면 폴더가 생성된다. 4. 내용을 수정하고 저장하면 소스제어(Source Control)에 변경된 폴더가 변경 사항(Changes) 에 생성된다. 5. + 를 클릭하면 스테이징 할 변경사항(Staged Changes)이 생성된다. 6. 코멘트를 남기고Commit 클릭한다. 버튼은 Commit으로 되어 있으나 버튼 옆.. 2024. 4. 16.
[GitHub] 설치 및 vscode 연동 깃허브 계정 가입한 후, repository 생성까지 마친 상태, repository와 연동할 문서의 폴더를 생성해서 vs에 연동해 놓았다. 1. vscode 왼쪽 탭 Source Control - Downlode Git for Windows - 다운로드 사이트로 이동해서 다운받는다. 모두 기본으로 선택되어 있으므로 next 눌러 설치한다. 2. 깃설치가 끝나면 다시 vscode로 돌아와 Source Control 버튼 아래 reload(새로고침) 클릭 3. Publish to GitHub - Publish to GitHub public repository 선택 Initialize Repository (리포지토리 초기화)와 Publish to GitHub( GitHub 에 게시) 두 버튼이 나타난다. I.. 2024. 4. 15.
script_기초_조건문 if 조건문 특정 조건마다의 분기를 생성해서 코드흐름에 변화 줌 if(조건식1){ 조건식이 참이면 이곳의 구문이 실행 조건식이 거짓이면 이곳의 구문 무시 } else if(조건식2){ 조건식이 참이면 이곳의 구문이 실행 조건식이 거짓이면 이곳의 구문 무시 } else { 위의 조건식1이 거짓이면 무조건 이곳의 구문을 실행하고 종료 } //경고 function plus(Num1, Num2){ if(Num1 === undefined || Num2 === undefined){ //Num1, Num2 두 수 중 하나라도 undefined 일 경우 console.error("두개의 인수값을 넣어주세요."); } if(typeof Num1 !== "number" || typeof Num2 !== "number"){.. 2022. 10. 13.
script_기초_함수 함수 (fuction) --자주 쓰는 실행코드들을 블록단위로 묶어서 패키징한 형태 --자주 쓰는 코드들을 기능 단위로 묶어서 재사용 --함수정의 : 미리 function 키워드로 자주 쓰는 코드들을 묶어준 형태 --함수호출 : 미리 정의되 었는 함수를 호출해야 바로 실행됨 변수의 유효범위 (변수의 scope) -- 지역변수 : 블록안에서 선언된 변수 (해당 블록에서만 읽힘) -- 지역변수를 쓰는 이유 : 특정 코드블록 안에서만 전용으로 쓰이는 정보값을 저장 -- 전역변수 : 블록밖에서 선언된 변수 (어디서든 읽힘) -- 전역변수를 쓰는 이유 : 복수개의 함수나 코드블록안에서 특정 값을 공유해야될때 호이스팅(hoisting) --블록안에서 선언된 지역변수값이 블록바깥으로 강제로 끌어올라가져서 전역변수화 -.. 2022. 10. 13.