210824

JunYeupKwon·2021년 8월 24일
0

대구ai스쿨

목록 보기
41/48

강의

  • 0:57:40부터 끝까지

1.수업

1. 트위치 메인부분



  • 남아있던 메인부분이랑 footer부분까지 마무리를 했는데,
    트위치 사이트 자체랑은 다른점이 많지만 일단은 간단하게 마무리했다.

  • 일단 가장 큰 차이점은 큰틀인 레이아웃자체가 트위치사이트는

  • 사이트의 크기별로 다르게 잡혀있다.
  • 마우스오버시 이미지가 움직이는 부분도,
  • 백그라운드에 사각형만 잇는게 아니라 약간 따라오듯이 몇줄을 더 넣어놨다.

2. 자바스크립트 강의

  • 3가지로 분류됨

    • 자바스크립트 코어 : 문법적인 특징
    • 클라이언트측 자바스크립트 : 브라우저 제어
    • 서버측 자바스크립트 : node.js 영역
  • 작성법

    • css 랑 비슷하게, html문서자체에 작성해도되고
      아니면 js 파일을 따로 만들어서 작성
    • script를 사용한다. src로 연동하거나 , 바로 태그안에 기입하거나
    • 혼용해서는 사용 X
  • 변수(=박스) : 데이터를 저장하는공간

    • var로 박스를 만드는걸 , "변수 선언"이라하고
    • 그 박스안에 데이터를 할당하는걸 "변수 초기화"라고한다.
    ex)
    	// comic 박스를 생성한상태 
    	// 변수 선언
    	var comic;
    	// comic 박스안에 원피스 데이터를 할당한 상태
    	// 변수 초기화
    	comic = "원피스";
  • 이 변수는 동시에 선언하고 동시에 초기화도 가능

    	// 변수선언과 동시에 초기화를 진행
    	var apple = "사과";
    	// 변수 동시 선언
    	var a;
    	var b;
    	var c;      <- 이 3줄을 줄이면 아랫줄처럼 표현
    	var a, b, c;
    	// 변수 동시 초기화 
    	var d = 10;
    	var e = 20;
    	var f = 30;    <- 이 3줄을 줄이면 아랫줄처럼 표현
    	var d = 10, e = 20, f = 30;
  • 변수를 선언하고 초기화를 안하면 기본값으로 undefined 가 들어간다.

  • 43분까지

2.어려웠던점

  • 당장에 수업내용만으론 어려운점은 없었는데 100%따라서 카피할려면 매우 힘들꺼같았다.
  • 네이버랑 다르게 사이트자체에서 쉽게 땡겨올수있는 정보도 없고하니, 약간 막막한 느낌이라고 해야할까.

3.소감

  • 모든 사이트가 네이버처럼 친절한 코드를 보여주진 않는다.

0개의 댓글

관련 채용 정보