hyunjin

이 웹사이트는 방학동안 공부한 내용을 복습해보기 위해 중요하다고 생각하는 부분들을 활용해 만들어 본 것을 추가한 사이트이다. https://startbootstrap.com/themes/coming-soon/ 이 사이트의 템플릿 소스를 이용했다. 여러 가지 템플릿 중 소스를 그나마 이해할 수 있는 것으로 골랐다. 만드는데 필요한 사이트들과 javascript를 head에 넣는다. 프레임 나누기를 활용해 만들었을 것이라고 예상했는데 div를 사용해서 만들었다. 큰 div위에 다른 div를 겹치는 방식으로 만들어졌다. css 를 div, button, ico 등에 이용했다. 버튼과 아이콘을 삽입하고 버튼과 아이콘의 이벤트를 넣었다. 배경 영상 수정도 포함해서 기존의 CSS를 수정해 배경, 버튼 , 아이콘의 ..

저 번주 공부한 챕터로 실습! 처음 과제를 할 때 함수와 setInterval를 사용해서 만들었다. 만든 결과 실행 할 때 함수가 실행이 안되고 setInterval 사용법이 제대로 숙지되어 있지 않아 코드가 이상해졌다. 그래서 그냥 함수와 setInterval를 사용하지 않고 간단하게 만들어 보았다. 1번 문제 랜덤 수 생성 Math.random() : 0~1까지의 "0.6261456354653154"이런 실수를 반환함. 큰 숫자가 나오게 곱하기를 한 후, Math.floor() 로 정수화시키기 Math.floor(Math.random() * 100) + 1; 이렇게 하면, 1에서 100까지 나오고 Math.floor(Math.random() * 10); 이렇게 하면, 0에서 9까지 나오게 됩니다. 주..

•브라우저 객체 -javascript에서 웹브라우저와 관련된 객체를 브라우저 객체 •window 객체 : 브라우저 창 제어 •open() : 창 새로 열 때 사용하는 메소드 window.open( [url주소], [창 이름], [창 속성] ) -클릭 이벤트를 이용해 창을 닫는 예제 window.open("open.html", "" , toolbar=no location=no status=no menubar=no scrollbar=no width=200 height=400") •setTimeout() : 타이머 메소드 -정해진 시잔 뒤에 javasript의 함수 실행위해 사용하는 함수 •setInterval() : 반복 타이머 메소드 •clearTimeout() : 타이머 중지 메소드 -setTimeout..

겨울 방학 웹 스터디 5주차 배열 var arr = new Arry(5) 이런 식으로 배열 선언 후 사용 배열의 길이는 arr.length를 이용해 구할 수 있음. 문자열 변수 타입 중에서 문자형 변수는 하나의 배열 객체처럼 다뤄짐. 하이퍼 링크 기능 추가 가능 document.write("" + "숙명여자대학교".link("http://~~~") + "") charAt() : 문자열에서 원하는 위치의 문자 추출 substring() substr() anchor() : 특정 위치로 이동하게 하는 메소드 책갈피 이름 설정 후 링크 통해 이동 사용 예->아래 3번 문제 참고 1. Math_Array Math의 다양한 메소드를 사용해 보았다. sin, cos을 사용할 때에는 라디안 값으로 2.print Str..

웹 4주차 java script1 1.star_lines 별 2 4 7 4 2 개 출력해는 문제였다. 별 출력 개수가 조금 당황스러웠다. 2.max_integer 이미 값이 정해진 수들 중에서 최대값 출력하기 3. 대화 상자 표시하는 내장 함수 alert confirm prompt 함수가 있다. prompt를 사용했다. 입력 받은 문자열을 뒤집어서 사용했다. 처음엔 substring 사용해서 이상하게 했다. reverse()를 사용하면 더 간단하게 만들 수 있었다. ans.reverse()만 하니까 실행이 되지 않았다. split(), join()을 같이 써줘야 실행이 잘 되었다. split() : 문자열 => 배열로 변환 reverse() : 배열 뒤딪기 join() : 배열 => 문자열 변환 구분자 ..