분류 전체보기 131

Javascript를 이용한 사이트 만들기! - 포트폴리오 준비하기!

- 오늘은 오전에 한 포트폴리오 연습에 대해서 적어 볼까 합니다. - 가장 중요한 것은 바로 폰트!! font! 폰트! 굵기! 간격! 아무튼 이런 것들이 포트폴리오의 많은 부분을 좌우합니다. - 매우매우매우 중요하죠 그래서 틈틈히 사이트를 돌아다니며 폰트도 구경하고 수집하는 것이 중요합니다. - 하지만 저는 잘 못하는 것이죠.. 하지만 제가 눈여겨 본 것이 하나 있었습니다. - 아래에 배경이 보이시나요?? 저 그림?? 저건 iframe을 사용한 것입니다. - 이미 있는 사이트의 코드를 그대로 가져온 것이죠 - 저걸 사용하면 복잡한 코드들을 힘들게 이해하지 않아도 페이지에 넣을 수 있는 것이죠 - 물론 이쁘고 자연스럽게 하기위해선 어느정도 코드를 이해하기는 해야되지만 말이죠.. - 하는 방법도 어렵지 않습..

23.05.02

- 오랜만에 돌아온 코딩일기 입니다. - 오늘은 정말 날씨가 좋은 날 이였습니다. - 요즘 날씨가 계속 좋지만 학원은 실내라 어두침침합니다. - 오늘은 조별과제를 했습니다. - 조별로 사이트를 만들고 있습니다. - 학원에서 간간히 보이는 절망의 창... - ip가 가끔 막히는 거 같기도 합니다.. - 아무튼 열심히 만들 페이지 입니다. - 아직 html과 css 밖에 안해서 아무것도 안되는 페이지지만 이제 추가로 php로 작업도 해주고 할 것입니다. - 끝까지 화이팅!! - 끝!

자바스크립트를 사용한 탭메뉴효과 만들기

- 탭메뉴라고 부르는 방식입니다. 버튼에 커서를 올렸을 때 밑에 하위 메뉴가 나오는 방법입니다. - m1은 하나 씩 나오는 것이고 m2는 한번에 나오는 것입니다. - 코드를 보시죠 M1 - Jquery $(".nav > ul > li").mouseover(function(){ $(this).find(".submenu").stop().slideDown() }); $(".nav > ul > li").mouseout(function(){ $(this).find(".submenu").stop().slideUp() }); - 제이쿼리를 사용하는 방법입니다. - 선택자를 $로 선택해주고 마우스를 올렸을 때와 내렸을 때 실행되는 함수를 만들어 준 뒤 slideDown(); 과 slideUP();을 통해 효과를 넣어 ..

Javascript를 공부해 봅시다! - 번외편. 오답노트를 해보자(6)

{ function func(begin, diff, n){ cnt = 1; ret = begin; while(0){ cnt += 1; ret *= diff; if(cnt == n) return ret; } return ret } console.log(func(1, 3, 4)); } - while문 안에 0 이 들어가 있어서 false 가 됩니다. - 그래서 실행이 안되는 것이죠 - 그래서 ret가 그냥 바로 출력이 됩니다. - 정답은 1이죠 { let x = 1; console.log( !(x>0) ); console.log( x>0 || x

Javascript를 이용한 사이트 만들기! - 게임 효과 사이트 만들기02

- 오늘은 저번에 했던 게임 이펙트 입니다. - 이번에는 음악 플레이어를 만들어 주었습니다. - 버튼을 누르면 다음곡,이전곡,재생이 되게 해주었고 원하는 시간 대로 이동할 수 있도록 바에 효과를 주었습니다. - 추가된 코드를 보시죠 - 자바 스크립트만 보시죠 const allMusic = [ { name : "1.Deck The Halls - DJ Williams", artist : "몰루", img: "music_view01", audio: "music_audio01" }, { name : "2.Dove Love - Quincas Moreira", artist : "dd", img: "music_view02", audio: "music_audio02" }, { name : "3.Frightmare - ..