Web7 Javascript(Object, method, array) - Object - - object 객체 * 쓰는 이유 (1). 관련있는 데이터를 묶어서 처리할 수 있기 때문에 코드의 유지보수성이 좋아진다 (2). 실세계의 사고방식과 유사한 코딩이 가능하게 한다. 즉 컴퓨터 친화적인 코드를 인간에 가까운 형태로 표현이 가능해 진다는 것이다 * 이름은 clark 이고 나이는 33 인 superman 객체 생성 ex) const superman = { name : 'clark', age : 33, } * 접근, 추가, 삭제 가능 ex) 접근 - superman.name // 'clark' - superman['age'] // 33 ex) 추가 - superman.gender = 'male'; - superman['hairColor'] = 'black'; ex) 삭제 - .. 2022. 4. 1. Javascript(변수, 문법) - 변수 - 1. 변하지 않는 값은 const 2. 변할 수 있는 값은 let 으로 선언 3. 변수는 문자와 숫자, $와 _만 사용 ex) const MY_HOME = "~"; let_ = 1; let $ = 3; 4. 첫글자는 숫자가 될 수 없다 ex) let 1stGrade = 'A+'; 5. 예약어는 사용할 수 없다 ex) let let = 99; 6. 가급적 상수는 대문자로 알려준다 ex) const MAX_SIZE = 99; 7. 변수명은 읽기 쉽고 이해할 수 있게 선언 ex) let a = 1;, let userNumber = 3; - 대화상자 - - 단점 (1). 스크립트 일시 정지 ex) 유튜브를 보고 있는데 잠시 멈추고 alert 창에 입력 값을 받는다 (2). 스타일링이 불가능하다 1... 2022. 4. 1. CSS(Media Queries) - Media Queries - # 오직 css만을 이용해서 스크린의 사이즈를 알 수 있는 방법. # @media 라고 써서 사용할수 있다. # min(최소) max(최대)-width 등등 사용법이 있다. (device 는 핸드폰) # 우리가 조건을 주어서 다양하게 활용할 수 있다. # and 로 써서 연결이 된다. # orientation: landscape(가로모드), portrait(세로모드) 2022. 3. 28. CSS(Animation) - Animation - 1. 적용을 할 때 "@" 붙여줘야 한다. 2. 어떠한 동작 없이 스스로 적용이 된다. # keyframes (1) 어느 한 지점에서 from { }, 어느 지점 까지 to { } (2) 다양하게 조합이 가능하다. (3)0%, 50%, 100% 로 숫자로 지정해서 변경할 수 있다. 로고가 중앙에서 커졌다가 빙글빙글 돌고 테두리가 생기고 투명해지는 모습을 볼 수 있다. 2022. 3. 28. 이전 1 2 다음
