전체 글

[2022/02/07]국비지원 javascript 1 - 연산자

javascript : 객체 기반 언어 object.method( ); : 객체. 출력방법˙기능( 출력내용 ); = document에 ( 출력내용 )라고 write document.write("재미있는 자바스크립트" + " ");​ 변수 이름 작성 방법 영문 대˙소문자 구분 ( 한글, 일문 등도 가능 ) 前 : 영문, _, $ 後 ( 이름 ) : 영문, 숫자, _, $ var 변수명; var num = 10; var num = num/2; document.write(num + " "); ≫ 해석 방법 var firstNum = 100; >> 변수명을 firstNum이라고 선언(var)하고 100을 대입(=)하겠다 var nextNum = 2; >> 변수명을 nextNum이라고 선언(var)하고 2를 대입..

[2022/02/04]국비지원 CSS3 13 @mediaquery

flex, grid는 안 하고 끝나버린 css3 그 부분은 독학해야 하고 사실 나 스스로는 @mediaquery도 다시 해 봐야 한다. 더보기 이 날은 컨디션이 달마다 찾아오는 대자연현상으로 심한 난조를 보여, 파일은 같은 팀원께서 제공해주신 부분에 해당하기 때문임 압도적 감사!!!! css3에서 반응형 웹에 필요한 것 1. flex 2. @mediaquery 공통점 하나만 이용한 반응형 웹 가능 사용 비추 단위 px : 사이즈 고정 단위라서 사용 추천 단위 ( v = viewport ) 해상도 : vw, vh, vmin, vmax, % font사이즈 : rem, em 단점은, flex와 @mediaquery를 둘 다 쓸 수는 있어도 javascript까지 적용하게 되면 같은 해상도일지라도 mediaqu..

[2022/02/03] 국비지원과정 내용 업로드 없음 (+ 추가)

오늘 수업 내용 없음 프론트엔드와 무관한 작업함 엄밀히 따지면 프론트엔드보다 순수 디자이너 관련 내용 함 내일도 디자이너 관련 내용을 진행할 것으로 보임 그런 고로 오늘 내일 수업에 관해서는 업로드 내용 없을 예정 일단 다음주 월요일부터 javascript 들어간다고 하니 일요일까지는 git, api, 네트워크 등에 대해 독학할 예정입니다 + 추가 금요일 하루 안에 css3 flex를 진행한다고 하므로 내일 내용에 관해서는 업로드는 있을지도.

[2022/01/03]국비지원 CSS3 12 animation

animation : name duration timing-function delay interation-count direction fill-mode play-state steps name : 모션 이름 duration : /s, /ms timing-function : 모션 중 가속도 delay : 지연시간 interation-count : 반복횟수 0% ~ 100% infinite direction : 방향 normal alternate revers fill-mode : 시작 전 후 효과 forwards backwards both none play-state : 실행 상태 paused play steps : frame 수 입력 방식 ex @keyframes ani { 0%{left: 0;border:..

[2021/12/31]국비지원 CSS3 11-(6) 클론코딩 예제: html5헤럴드

원본 작업내용 html HTML5 헤럴드 HTML5 & CSS3를 이용해 옛 신문 스타일을 재현하다 주메뉴 홈 등록 Vol.MMXI June 4, 1904 마지막 미개척지 비디오, 드디어 정복하다! Aliquam erat volutpat. Mauris vel neque sit amet nunc gravida congue sed sit amet purus. Quisque lacus quam, egestas ac tincidunt a, lacinia vel velit. Morbi ac commodo nulla. In condimentum orci id nisl volutpat bibendum. Quisque commodo hendrerit lorem quis egestas. Vivamus rutrum nun..