바보상자의 코딩박스

left: 50%; top:50%; transform: translate(-50%,-50%);

참고사이트호텔농심https://www.hotelnongshim.com/kr/?ref=aHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS8%3D DOCTYPE html> Document *{box-sizing: border-box;} .wrap{height: 540px;margin: auto; display: flex;} ul.time{width: 220px; height: 100%; font-size: 30px;} ul.time li{cursor:pointer;} ul.time li.on{color:red;} ul.content{width: 630px; height: 100%; position: relative;} ul.content li{position: absolute; display:none;}..

수업들은지 3일째너무 졸리고 피곤하다.. $()$(function({}))$('셀렉터').action()$(this)attr('속성') + get = attr('href')attr('속성:값') + set = attr('src':'a.jpg')attr('text':'사람')hide(), show(), toggle()index()eq(index번째)addClass('.클래스명')removeClass('.클래스명')

쿠팡을 참고하여 제작함. DOCTYPE html> Document *{box-sizing: border-box;} .slidewrap{width: 1920px; margin: auto; position: relative;} .nav{position:absolute; left:50%; margin-left: 300px; top:50%;transform: translateY(-50%); width: 180px; } .nav li{height:60px; box-shadow: 0 0 5px #333; background: #fff; display: flex;} .nav li a{margin: auto; display: block;} .nav li a.on{border: 1px solid blue;} $(func..

비주얼스튜디오코드 설치 후 초기환경설정extention에서1. korean language ==> 한글패키지파일2. live server ==> f5를 눌러 새로고침할 필요없이 live server를 누르면 자동으로 실시간 리프레시되게 해주는패키지3. beautify==>코드를 예쁘게 정리해주는 패키지4. ftp-simple==>ftp 설정패키지 http://heopoint.com/index.php/2019/09/19/night-jquery-javascript/

DOCTYPE html> Document .wrap{width: 450px; margin: auto; border: 1px solid #000;} .box{display: flex;/* 부모에 자식을 붙여주세요라는 뜻 */ justify-content: space-between;/* 가로를 서로 나누어 정렬하세요. 왼쪽 오른쪽 정렬 */ align-items: center;/* 세로 정렬을 가운데로 */} .box li{border:1px solid green; padding:15px; cursor: pointer;} .box li.on{background: rgb(10, 219, 219)} .box img{width: 100%;} .avata{width: 350px;} // alert() //결과값 확..

w3chttps://www.w3schools.com/jquery/jquery_intro.asp 제이쿼리 코드가 예쁘게 정리된 곳https://oscarotero.com/jquery/ 다룸, 다음http://darum.daum.net/ 비쥬얼스튜디오 단축 사용법script = sc 누르고 tab 누르기 자바스크립트의 구성Basic syntax is: $(selector).action()셀렉터.메서드(functioh(){명령어;명령어;}); $ = 제이쿼리 ex1. 이벤트 프로그램 실행하기If you click on me, I will disappear. Click me away! Click me too! // alert() //결과값 확인. 실행여부 체크할때 사용 $("p").click(function()..

1. 파일을 압축 풉니다.2. 압축을 푼 파일중 extand와 plugin을 ftp에 업로드합니다.3. 추가할 게시판 스킨에 write_update.skin.php 파일을 만들고이 두 줄을 추가합니다.5. view.skin.php와 write.skin.php에 tag plugin을 불러오는 태그을 넣습니다.view.skin.php : write.skin.php : * 그누보드 기본베이직 스킨을 대상으로 만들었습니다. 스킨이 깨지는 증세가 발생할 경우 사이트에 맞게 수정하셔야 합니다. 7. 첨부파일 다운로드http://ccomp.kr/bbs/board.php?bo_table=gnuboard&wr_id=14 8. 동영상강의 / 설치동영상https://youtu.be/tWoW9OT_T5k