기초 개발 노트

form 은 웹 서버에 정보를 보내기 위한 양식을 정의하는 요소이다. 자동완성 'on' 또는 'off'로 값 novalidate => 서버전송시 유효성 검사x 'boolean' 으로 값 target="_blank" => 서버전송후 응답받을 방식 결정임 '_self, _blank' > 예시코드 input은 사용자에게 입력 받을 데이터 양식을 지정한다. ```````````` ```````````````````````````````````````````` 자동로그인 이름: 아이디 기억하기 hello hello hello hello 그 외 Button, textarea, select, option을 활용한 코드 학습 아메리카노 카페라떼 프라푸치노 오렌지주스 textarea는 여러 줄의 일반 텍스트를 만듬 ro..

HTML이란 ? Hyper Text Markup Language의 약자로 웹페이지를 제작할 때 기본 구조를 만드는 언어이다. 태그 : 명령어의 형태가 로 되어있는 것들. 요소: 태그의 시작()과 끝()의 한 쌍을 의미. 마크업: 요소들을 이용하여 웹 문서를 작성하는 것. 속성 : 태그의 요소에 지정하는 것들. ex) `` li*3 + tap

github 이란 git을 사용하는 프로젝트를 지원하는 웹 기반 호스팅 서비스다. 즉, 코드를 온라인으로 저장하고, 관리하며, 여러사람이 동시에 작업을 할 수 있는 플랫폼이다. 로컬 저장소 개발자의 개인 컴퓨터에 위치한 저장소. git init 또는 git clone 명령을 통해 생성될 수 있다. 원격 저장소 인터넷 또는 네트워크에 위치한 저장소로, 여러 사람들이 공유하고 협업할 수 있게 만드는 곳이다. 대표적으로 github, gitlab, bitbucket git push origin master 위 명령으로 내 터미널에서 깃헙으로 푸시 할 수 있다. 또 원격 저장소는 코드 백업의 역할도 한다. git pull === fetch + merge.

앞서 우선 Detached Head 란 무엇일까? 간단히 말해 커밋에 직접적으로 checkout 을 한 상태이다. 로 한다. git checkout HEAD~1 위 코드에서 숫자 1은 부모 커밋을 말한다. 숫자 2가 된다면 부모의 부모 커밋을 가리킨다. HEAD코드를 Reset 등에도 같이 사용 가능하다. Detached Head 상태에서 고려 할 수 있는 작업들. 단순히 이전 커밋 내역 둘러보기: 그냥 헤드를 분리시킨 상태로 이전 커밋의 파일들을 둘러볼 수 있다. 그리고 원래 브랜치로 돌아가 분리된 헤드를 다시 결합한다. 새 브랜치 생성: git switch -c 명령을 사용하여 현재 커밋을 기반으로 새 브랜치를 생성할 수 있다. 이를 통해 Detached HEAD 상태에서 만든 변경사항을 새 브랜치에..

git diff git diff. git diff HEAD === git diff --stage 작업영역 (working place) 스테이징 영역 (staging area). 저장소(repository) (파일 수정,추가,삭제) >. (파일) . (파일) 이라 생각하면 된다. 풀이하자면 git diff는 작업영역의 구간에서만 사용이 가능하며 현재작업과 직전작업의 변경부분을 알려준다. git diff HEAD는 이미 git add로 넘어간 다음에 사용 하는 명령어 이다. git diff --staged 도 동일하다. git diff filename

Branch 일반적으로 branch 는 main 또는 master라는 이름의 기본 branch 이다. 이는 프로젝트가 시작될 때 자동으로 생성된다. 마치 중간 save 같은것, 아주 작은 단위로 branch를 나누어 버전을 간편히 옮겨 수정 할 수있다. 따라서 안정성이 확보된다. git의 head란? 현재 작업 중인 커밋을 가리킨다. 즉, '현재 Git이 어디를 바라보고 있는지'를 나타낸다. 기본적으로 작업트리의 최상단에 위치한다. 브랜치 생성하기 git branch 브랜치 이동하기 git switch 브랜치 생성하면서 이동하기 git switch -c 터미널에서 모든 브랜치 정리하여 보기 git log --oneline --all --graph 브랜치 삭제하기 git branch -d 모든 브랜치 이름..

git 이란 ? 핵심은 버전 관리를 하는 것이다. 협업시 추적이 가능하다. 따라서 코드리뷰, 메세지 등 커뮤니케이션이 가능하며 타인의 코드를 수정할 수도 있다. git 레포지토리 1. 로컬저장소 === 하드디스크 === git 2. 원격저장소 === 인터넷 === github git에 스테이징 하는 순서 !! (우선 터미널을 사용했다) mkdir로 폴더를 만든 뒤, cd 폴더명 으로 이동해주고 위치시켜준 다음! git init => git add 파일명=> git commit 파일명 or git commit -m "기록사항" 으로 해주면 된다 - 그 밖 git의 명령어들 git log / git log --oneline / git checkout 파일명( 이전버전으로 돌아갈 때 ), git checkou..

DOM은 Document Object Model의 약자로 자바스크립트를 사용해서 DOM으로 HTML를 조작하는 것이다. 웹페이지를 동적으로 움직이게 만들 수 있다. HTML에 JavaScript를 적용하기 위해서는 JavaScript 파일은 # js 파일(page_4_js.js) function tmp_func() { document.getElementById("fun_1").innerHTML = "함수 실행됨"; }; function randoms() { var num_1 = Math.random(); num_1 = Math.floor(num_1 * 10) document.getElementById("fun_2").innerHTML = num_1; }; ///////////////////////////..

연산자들 // 산술 연산자 let sum = 10 + 5; // 15 let difference = 10 - 5; // 5 let product = 10 * 5; // 50 let quotient = 10 / 5; // 2 let remainder = 10 % 3; // 1 // 할당 연산자 let x = 10; x += 5; // x = x + 5; // 15 x -= 5; // x = x - 5; // 10 x *= 5; // x = x * 5; // 50 x /= 5; // x = x / 5; // 10 x %= 3; // x = x % 3; // 1 // 비교 연산자 let isEqual = 10 == '10'; // true (값만 비교) let isStrictEqual = 10 === '10'..

Spread 문법 주로 배열을 풀어서 인자로 전달 또는 각각의 요소로 전달 function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; sum(...numbers) // 질문: 어떤 값을 리턴하나요? rest 문법 파라미터를 배열의 형태로 받아서 사용. 단 파라미터 개수가 가변적일 때 유용 function sum(...theArgs) { let result = 0; for(let idx = 0; idx < theArgs.length; idx++) { result = result + theArgs[idx]; } return result; } sum(1,2,3) // 질문: 어떤 값을 리턴하나요? sum(1,2,3,4) // 질문: 어떤 값을..