본문 바로가기
728x90
반응형

코딩애플170

[코딩애플] git 설명 (3) 다양한 merge 방법 (3-way, fast-forward, squash, rebase) 저번 수업 과정 이런식으로 합쳐줌. 3-way merge = 일반적으로 발동되는 머지 옵션 코드를 이렇게 짰을 경우 메인 브랜치에서 새러운 브랜치 생성 기준이 되는 메인 브랜치에는 신규 커밋이 없음. 그냥 commit 2-2 를 메인 브랜치로 지칭만 해 줌 fast - forward merge 자동으로 fast - forward merge 가 되는게 싫으면 저렇게 써주면 된다. => 강제로 3 - way merge 브랜치는 합쳐도 삭제되지 않고 남아있음 브랜치 삭제 하기 rebase 사용 = 브랜치 합칠 수 있다 브랜치의 시작점을 옮김 옮긴 다음에 fast - forward merge 를 함 squash and m.. 2023. 9. 28.
[코딩애플] git 설명 (2) git의 branch 만들기 새 코드 짤 때 불안하면 복사본 파일 생성 branch - 프로그램 복사본 작명이라는 이름으로 브랜치 생성 coupon 이라는 이름으로 사본 생성 아까 생성했던 사본 coupon 으로 이동하고 싶으면 git switch 사용 status 를 사용해서 상태창을 띄우면 쿠폰이라는 브랜치에 와있다고 알림이 뜸 현 상태 메인 브랜치로 이동 파일트리 보면 coupon 파일이 사라져있음. coupon 파일은 쿠폰브랜치에서 만들었지 메인 브랜치에서 만들지 않았기 때문 쿠폰 브랜치로 이동 쿠폰 파일에 텍스트 추가 추가 후 스테이징과 커밋 메인 브런치도 똑같이 해준다. switch main git add. git commit -m 메인도 똑같이 해 줌. 브랜치 커밋한 것들을 한 눈에 보고싶을.. 2023. 9. 28.
[코딩애플] git 설명 (1) git add, commit으로 파일 기록해놓을 수 있음 코드를 새로 더 짰을 경우 아까와 같이 해주면 된다. 모든 파일을 굳이 기록할 필요가 없어서 (ex: 이미지 파일) 기록 남기고 싶은 파일 add 써서 고르는 것 commit 을 사용해서 기록 저장소에 옮기는 것 중간부분 = staging area 파일 고르는 행위 repository = 저장소 git add, commit, diff 쉽게 하는 법 (VSCode) - 뺄셈 누르면 git add 취소 git difftool y 선택 빔 에디터 떠서 확인 가능 종료할 때, :q :qa 둘 중 하나 사용 ??? = 커밋 아이디 입력 노란색 글자들 = 커밋 아이디 이렇게 사용 가능 커밋아이디를 2개 까지 입력 가능함 첫 번째 커밋 아이디와 두 번째 커밋 .. 2023. 9. 26.
[코딩애플] 진짜 웹개발로 배우는 실용 자바스크립트 6강 Alert 박스 X 버튼1 버튼2 3x minified 버전 복붙 제이쿼리 설치 끝 안녕하세요 Alert 박스 X 버튼1 버튼2 자바스크립트- html 변경 제이쿼리 문법을 쓰면 html 변경을 더 쉽게 할 수 있음. 원래 이렇게 사용 제이쿼리로 HTML 변경하는 방법 = 저 부분을 $()로 줄여서 사용하면 된다. 사용할 때 CSS 셀렉터 처럼 적어야 함. 아이디니까 # 클래스명 또한 찾을 수 있음. 이것과 비슷한 문법이 자바스크립트에도 있음 = document.querySelector() 대신 하나밖에 못찾음 #test 가 여러개 나온다 하면 맨 위에거만 찾아줌. 여러 개 찾고 싶으면 querySelectorAll을 사용 뒤에 [0] 이런거 같이 붙여서 활용 요소 바꾸려면 저렇게 사용 X jQuery .. 2023. 9. 23.
[코딩애플] 진짜 웹개발로 배우는 실용 자바스크립트 5강 셀럭터 - class 명 alert-box 여러개 다 찾았으면 찾은 거 중에 0번째거 순서 지정 document.getElementById("alert-box")[2].innerHTML = "어쩌구"; 버튼1의 openbox => 알림창1열기() 로 전환 버튼 2 만들기 이 상태에서 버튼 2 에다가 openbox 말고 알림창2열기를 넣어준다. 두 개의 화살표가 비슷함 파라미터 사용 구멍 뚫기 버튼 1 에 알림창열기() => 알림창열기('아이디입력해라') 함수 또 만들필요 없이 버튼 2 도 알림창1열기 함수를 통해 활용 가능 저 코드 또한 더러워보일 수 있음. id 만 부여함 id = "close" 닫기 버튼 일단 셀렉터로 찾기. addEventLister - 함수 소괄호 있는 건 다 함수 function.. 2023. 9. 23.
[코딩애플] 진짜 웹개발로 배우는 실용 자바스크립트 4강 숙제 실습 소괄호 안에 원하는 걸 집어넣을 수 있음 ( 모든 자료 ) 123이라는 자료를 집어넣을 수도 있음. 알림창 열기라는 긴 코드 실행해달라는 뜻 근데 구멍자리에 123이라는 숫자 넣어서 진행해달라. ( 숫자 표현할 땐 따옴표 없이 써도 ㅇ) 123이 구멍 자리에 들어간후 2번째 줄로 들어가서 실행 알림창 열기를 실행해줌. 구멍자리에 block 넣어줘서 실행. 첫 번째 코드는 알림창을 열어줌 ('block') 두 번째 코드는 알림창을 닫아줌. ('none') 함수 한가지 갖고 2가지 기능 구현한 것 알림창열기() => 알림창열기('none') 파라미터 값 넣어준 걸로 바꿈 밑에 코드는 지워준다. 지워준 모 2+1을 해주는 plus 함수 생성 plus() - 플러스 함수를 실행할 때마다 2+1을 함 .. 2023. 9. 17.
[코딩애플] 진짜 웹개발로 배우는 실용 자바스크립트 3강 긴코드를 축약한거 아무렇게나 작명() 을 쓸 때마다 긴코드 들이 실행 알림창열기(); 이렇게 쓸 때마다 (소괄호는 무조건 포함) 안에있는 긴 코드 실행된다. 진짜인지 확인하려면 아까 담겨져 있던 긴코드 자리에 알림창열기() 적어줌. innerHTML의 왼쪽에 있는게 null 이라는 뜻. innerHTML의 왼쪽 실수로 셀렉터 잘못 쓴 경우 아까와 똑같은 에러 발생 오타가 난 경우의 에러 함수가 아니라고 알려줌. 2023. 9. 17.
[코딩애플] 진짜 웹개발로 배우는 실용 자바스크립트 1강 ~ 2강 안녕하세요 -> 안녕 Id 에 의해서 HTML 요소 갖고와 요소 갖고오고 안에있는 html 내용을 안녕으로 바꿔달라는 뜻 뒤에는 뭘 바꾸고 싶은지 적음 내용물 바꾸고 싶으면 innerHTML .style.color = html 요소의 색상 변경 오른쪽 걸 왼쪽에 집어넣기 display: none; = 숨기기 none 말고 block 으로 하면 다시 보이기 버튼생성 클릭했을 때 안에 있는 자바스크립트를 실행하라는 뜻 아까는 아이디 속성이 있었으나 이번엔 아이디 속성이 없음. 아이디 부여해준다. 2023. 9. 17.
728x90
반응형