2022-11-16 (수)
깃헙에 내 브랜치를 만들고 팀원들의 코드와 내 코드를 합쳐봄.
내 코드를 수정한 후 커밋을 누르기 전에 상단 바에 내 이름(jeongeun)으로 되어있는지 확인 후 커밋을 누르고 푸쉬를 누르는 습관을 가져야 함.
※다른 팀원의 이름으로 올렸다가 삭제할 경우 팀원의 코드가 삭제될 수 있어서 주의해야함.
<문제 상황>
팀원의 캐러셀 디자인이 카드안쪽에 next/prev icon이 들어가있었고, 슬라이드 챕터가 밑에 얇게 있어서 두번째와 세번째 카드의 '들어가기'버튼이 가려졌고 버튼을 누르지 못해서 실행되지 않는 것 처럼 보였음. 호버도 되지않음.<해결 과정>
캐러셀은 개발자 도구로 아이콘 위치를 찾았고 이전 토이프로젝트 때의 코드에서 화살표(next, prev) 아이콘을 빼내는 코드를 가져와서 화살표 위치를 밖으로 빼내었음. 슬라이드 챕터'ㅡㅡㅡ'는 카드 배경이 하얀색에 버튼도 하얀색이라 보이지 않았으나 버튼글씨가 미세하게 가려진게 보였고, 위치를 보기위해 카드에 색을 입히자 선명히 보임. margin값을 줘서 밖으로 밀어냈고 그 후 버튼 실행 잘되었음.혼자공부하는 자바 스크립트 챕터 2 부문의 VS코드 설치는 이번 주중에 해야겠다.
혼자 공부하는 자바 스크립트 챕터1
웹 애플리케이션:기존의 웹 페이지보다 다양한 기능을 가진 웹 페이지. 웹 애플리케이션도 웹 페이지에 지나지 않지만, 다양한 기능을 갖고 있다는 것을 구분하기 위해서 웹 애플리케이션이라 부른다.
웹 애플리케이션의 대표적인 예 : 웹 문서 작성 도구(워드, 엑셀, 파오워포인트 등), 크롬 웹 스토어
Node.js의 장단점
첫째, Node.js는 웹 서버 애플리케이션을 개발할 때 꼭 필요한 간단한 모듈만 제공합니다.
둘째, 하지만 Node.js는 빠릅니다.
*알아두어야 할 기본 용어
표현식 : 값을 만들어 내는 간단한 코드 (ex. const, 10, +, require 등)
문장 : 표현식이 하나 이상 모인 것 (ex. 10+10;, console.log('안녕'), alert('Hello!')
프로그램 : 문장이 모인 것
(ex. const fs = require('fs') fs.readFile('text', e, c) => {console.log(c)})
식별자 : 프로그래밍 언어에서 이름을 붙일 때 사용하는 단어. 주로 변수명이나 함수명등으로 사용됨.
자바스크립트에서 식별자를 만들 때는 다음 규칙을 반드시 지켜야 한다.
- 키워드를 사용하면 안된다.
- 숫자로 시작하면 안된다.
- 특수 문자는 _와 $만 허용한다.
- 공백 문자를 포함할 수 없다.
식별자를 만드는 일반적인 관례(개발자들이 식별자의 의미를 더 명확히 하기위해 사용하는 규칙)
- 클래스의 이름은 항상 대문자로 시작한다.
- 변수와 인스턴스, 함수, 메소드의 이름은 항상 소문자로 시작한다.
- 여러 단어로 이루어진 식별자는 각 단어의 첫 글자를 대문자로 한다.
개발자도구 단축키 : F12 또는 Ctrl+Shift+I(아이)
