[W3] Class Notes

권순재·2023년 7월 26일

Web Develop

목록 보기
5/8

[Javascript]

[ Javascript의 특징 ]

  1. 웹사이트에 동적인 기능을 넣을 때 사용 (event)
  2. 수학적인 로직이 포함됨
    • 논리적인 생각이 필요하고, 에러나 버그 발생 가능
  3. 디자인 패턴
    • 기술적인 내용 X, 성능적인 내용 X
    • 코드를 어떤 방식으로 작성할 것인지에 대한 것
    1. 객체형 프로그래밍 (전통 강호)
    2. 함수형 프로그래밍 (신흥 강호)
      • 둘의 디자인 패턴이 다르기 때문에, 코드를 못 알아 볼 가능성 높음
      • 구글링 할 때 class란 단어가 보이면 객체형 프로그래밍 (참고하지 말 것)

[ 함수 ]

  • 매개변수를 넣으면 return값이 나오는 코드 다발
  1. 함수의 필요성
    • 중복 코드 제거
    • 가독성 증가
    • 에러와 버그 찾기 용이
  2. 함수의 형태
    • 매개변수와 return의 유무에 따라서 달라짐

[ 변수 ]

  • Ram의 특정한 지역에 일정한 구역을 만듦
  • 변수에 어떤 것을 저장해두면, 언제든지 다시 가져와 사용할 수 있음

[ 자료형 ]

  • ingeter(int) : 정수형
  • string(str) : 문자열
  • double(double) : 실수형

[ 암묵적 디자인 패턴 ]

  • HTML에서 직접 사용하는 JS의 함수 이름은 뒤에 'Event' 붙여주기

[ 조건문 ]

  • 위쪽부터 나올 확률이 높은 것을 배치해야 함
  • 나올 수 있는 것들의 확률 합은 100%가 넘어가면 안 됨

[ 과제 ]

  1. Week2 과제 중, 창의 크기가 늘어나고 줄어들 때 영상과 검색창 등도 실시간으로 크기가 바뀌도록 반응형으로 구현 (flex 사용)
  2. 숫자야구
    • 조건 : 1부터 9까지는 버튼을 사용해서 입력할 수 있게

0개의 댓글