250812 TIL

오늘 계획한 공부, 배운 것

• HTML, CSS 기초 이해 및 복습을 통한 개인 결과물 만들기 (Spartaflix)
  • Bootstrap 사이트 내의 기본적인 툴 반복 활용
  • 코딩이 길어짐에 따라 특정 부분에 대한 수정 및 점검을 하고 싶은 경우는 예시화면에서 드래그 (영역선택) 를 통한 마우스 우클릭 - 검사를 통한 HTML 코드 점검 및 수정을 통한 미리 보기 적용
    • 이미지를 넣을 때 쓰는 명령어
      
       background-image: url('이미지');

                  background-position: center;

                  background-size: cover;
    • 각 class 이름에 따른 class의 기본 설정값 적용 가능
• Javascript에 대한 기초 문법과 이해
  • 웹페이지의 움직임이나 색의 변화 등 다양한 효과를 줄 때 Javascript를 사용하게 됨 
  • 변수형
    변수 설정을 통해 일괄 수정이 되어야 하는 부분들을 변수를 통해 일괄 변경을 할 수 있음
    
                let a = 3

                let b = 5

                console.log(a+b)
    변수이기 때문에 a 또는 b에 값을 변경하게 되면 자연스럽게 console로 호출한 a + b 의 결괏값은 변경된 변숫값에 따라 자연스럽게 변동됨
    
    // +. Javascript의 변수형에는 let 외의 어떤 변수들이 있을까?  

    변수 종류	특징
    var	변수, 변수명의 중복을 허용(덮어쓰기) 함수 레벨의 적용범위(scope)을 갖는다
    let	변수, 변수명의 중복을 허용하지 않음 블록 레벨의 적용범위(scope)을 갖는다
    const	상수, 변수명의 중복을 허용하지 않음 블록 레벨의 적용범위(scope)을 갖는다

    * 블록 레벨의 적용범위란 {} 내에서만 if, for, while, 함수 등 어떤 블록 안에서 선언하면 그 블록 안에서만 유효, 블록을 벗어나면 변수에 접근할 수 없음.
    
    
  • 자료형
    • 리스트 : 순서를 지켜서 가지고 있는 형태
    • 딕셔너리 : 키(Key)-밸류(Value) 값의 묶음
  • 위의 개념을 활용하여 조건문, 반복문 구성하는 방법을 배움
    위와 같은 자바스크립트 코딩을 활용하다 보면 CSS 코드의 Bootstrap과 같이 라이브러리 형태의 JQuery를 알 수 있음

 

금일 강의 이후 진행 결과물

• HTML, CSS 기초 이해 및 복습 진행

 

느낀 점 및 보완이 필요한 부분

• CSS부터 Javascript까지 자주 사용하는 코딩 단계의 문법을 눈으로 익히고 반복학습을 통해서 손에 익히는 과정이 필수라고 보임
  • 변수 설정과  리스트와 딕셔너리의 구분을 이해하면서 어느 상황에 어떤 자료형을 호출해야 적절한 구성으로 이뤄질 수 있는지에 대해서 익혀나갈 필요가 있음

TIL 작성 간 보완 필요사항

• 어떤 것들을 배웠고 배우는 과정에서 추가적인 궁금증을 가졌던 것들을 기록하는 습관을 들일 것
  현재는 초반이라 학습내용에 대한 복습과정을 담아내는 정도이나 이후 데일리별 학습내용을 기반으로 어떤 기술활용을 할 수 있는가에 대한 기록 필요