개발공부73 [Develop] 23.06.28 개발 공부 일지 요약: 풀스크린 배경 웹사이트 제작, 게임 클론 코딩, 시민금융진흥원 메뉴 제작, 자바스크립트 기본 문법 강의 일시: 23.06.28 09:30~18:20 + 알파 장소: 더휴먼컴퓨터아트아카데미 , 집 배운 점: -헤더가 넘어가면서 사이드 메뉴 /* let t = 0; let winW = 0; */ const appbarBt = $('.appbarBt1') const mobileModalMenu = $('.mobile-modal-menu'); const appbarCloseBt = $('.appbarCloseBt'); const header = $('#header'); appbarBt.on('click', function(){ mobileModalMenu.stop().animate({left: 0}, 5.. 2023. 6. 28. [Develop] 23.06.27 개발 공부 일지 요약: (자습) 2D 게임 클론코딩 일시: 23.06.27 09:30~18:20 장소: 더휴먼컴퓨터아트아카데미 배운 점: // ============================================================================= // sprites // ============================================================================= // // hero sprite // function Hero(game, x, y) { // Phaser.Sprite: 게임에서 표시되는 개체를 나타내는 클래스입니다. 이미지, 애니메이션, 물리 특성 등을 가질 수 있으며, 게임 화면에 배치됩니다. // 주인공의 초기 위치 값 설정.. 2023. 6. 27. [Develop] 23.06.26 개발 공부 일지 요약: Json, XML 파일 불러와서 가공하기 일시: 23.06.26 09:30 ~ 18:20 장소: 더휴먼컴퓨터아트아카데미 배운 점: Json, XML 파일 불러와서 가공하기 - load - ajax - xml 부족한 점: 2023. 6. 27. [Develop] 23.06.25 개발공부일지 요약: 패스트컴퍼스 강의: swiper 라이브러리를 사용하여 웹페이지 제작 일시: 23.06.25 장소: 집 배운 점: 부족한 점: swiper를 해당 코드를 사용해도 슬라이드들이 중앙에 위치하지 않는 이유와 해결 방법 centeredSlides: true, // 활성화된 슬라이드가 가운데 유지 2023. 6. 25. [Develop] 23.06.24 개발 공부 일지 요약: Fastcampus 강의 일시: 23.06.24 장소: 집 배운 점: - transform 3d 기법을 활용하여 원근감을 주고 마치 그 안에 들어와있는 것처럼 ui 제작 호버 시 동영상이 재생되고, 전체적인 화면이 커지는 ui 제작 부족한 점: 2023. 6. 25. [Develop] 23.06.23 개발 공부 일지 요약: git, github 기본 지식 일시: 23.06.23 09:30~18:20 장소: 더휴먼컴퓨터아트아카데미 배운 점: - git 다운로드 방법 - git 기본 문법 - git 커밋하는 방법 - git 푸쉬하는 방법 - git 분기 만들고 스위치하는 방법 부족한 점: 2023. 6. 25. [Develop] 23.06.22 개발 공부 일지 요약: css 그리드, map, weather API 일시: 23.06.22 09:30~18:20 장소: 더휴먼컴퓨터아트아카데미 배운 점: - css display: grid body{padding: 50px; border-color: aliceblue;} #wrap{width: 1000px; margin: 0 auto;} .box{background: #fff; margin-bottom: 10px; padding: 20px; box-sizing: border-box;} .container div{text-align: center; font-size: 2em; color: #fff;} .container div:nth-child(1){background: gold;} .container div:nth-c.. 2023. 6. 23. [Develop] 23.06.21 개발공부일지 요약: scss 사용하여 웹페이지 제작, 부트스트랩, 날씨, 지도 API를 활용하여 웹페이지 제작 일시: 23.06.21 09:30~18:20 장소: 더휴먼컴퓨터아트아카데미 배운 점: @import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300&family=Nanum+Gothic:wght@400;700;800&display=swap"); $color-primary: #285a91; $color-secondary: #1f9cfd; $color-white: #fff; $color-blue-1: #a8d8ff; $color-blue-2: #c1e1ff; $color-blue-3: #d6eaff; $color-blue-dark: #3f4a56;.. 2023. 6. 22. [Develop] 23.06.19 개발공부일지 요약: 제이쿼리를 활용한 기능 만들기, 부트스트랩을 활용하여 웹페이지 만들기 일시: 23.06.19 9:30~18:20 장소: 더휴먼컴퓨터아트아카데미 배운 점: - 이미지 4개 오퍼시티 let box = $('.contents'); let col1 = 0; let col2 = 1; let col3 = 2; let col4 = 3; let timer; timer = setInterval(event, 2000) // event(); function event(){ box.eq(col1).css({transform: 'scale('+0.9+')', zIndex: 0}).stop().animate({left: '10%', top: 50, opacity: 0.5, marginLeft: 0}, 1000) box.e.. 2023. 6. 20. 이전 1 2 3 4 5 6 ··· 9 다음
