조반짝의 도전일지

JAVA8 JAVA 설치 자바 설치완료 후 컴퓨터에 설치되었는 지 확인하기 CMD > java -version 아래 처럼 뜨면 설치 완료됨 windows + r > sysdm.cpl: 시스템 속성 실행 > 고급 > 환경변수 > 새로만들기 > windows + R > CMD java -version [엔터] javac-version[엔터] 자바 설치 완료! 아파치 톰캣 아파치 톰캣은 웹 서버와 연동하여 실행 할 수 있는 자바 환경을 제공해서 JSP(java server page)와 자바 servlet이 실행할 수 있는 환경을 만들어주고있다. 아파치톰캣은 자바를 먼저 깔고 설치해야함 설치 후에 하단메뉴표시줄에 오른쪽 configure 클릭 stop 선택 Java, Apache Tomcat 환경 변수 설정 자..

1. 단축키 WINDOWS + E : 파일 탐색기 WINDOWS + R : 실행 실행에 단축어를 넣고 실행하면 빠르게 프로그램을 실행할 수 있다. [OS (exe file) ] chrome 크롬 microsoft-edge: 엣지 iexplore 인터넷 dxdiag 진단도구, 컴퓨터 사양 알 수 있음 calc 계산기 dfrgui inetmgr(WindowsIIS) : 윈도우에서 제공해주는 웹서버 control mstsc(Windows10 Pro 이상 원격제어 : sysdm.cpl – 원격 – 사용자 선택; firewall.cpl) msconfig taskmgr explorer(C:\Users\계정\Desktop) rstrui[시스템 복원] regedit osk 화상 키보드 notepad 메모장 [Tabke..

한줄코딩으로 단축키를 활용할 수 있다. 빨리 코딩 가능! - case1 div>ul>li*3 div>ul>li*3 a>img>span{바로가기} a>img>span{바로가기} 바로가기 - case2 #modal>.modal_up>.uptitle+.upbody+.btn{닫기} 닫기 반응형 확인 시 사이트에 반응형 크기로 보는것이 좋다. 웹접근성 연구소 (wah.or.kr) 웹접근성 연구소 www.wah.or.kr:444 웹표준사이트 참고할 때 좋음 웹퍼블리셔 css에서 활용한 요소 확인 가능 인포메이션에서 위치별 코드 확인 가능

변수 main 단축키로 자동으로 명령어 생성 변수: 어떤 데이터를 저장하는 공간 예를들어 배송문자에 고객의 이름에 따라 매번 다른 이름을 적을 수가 없는데 고객의 이름을 변수로 지정하여 메세지를 발송할 수 있다. name이라는 문자열이 변수가 선언됨 조코딩이라는 이름을 변수에 대입해준다. 문자열과 문자열을 더해보자 실행하기 변수를 선언하는 동시에 초기화할 수도 있다. 15시라는 값이 있는데 문자열보다는 정수가 더 어울린다. 15시를 정수형 변수로 만들어보자 숫자는 따옴표가 필요없다 + hour + 변수 넣기 실수값도 변수를 지정해보자 double : 평균점수를 쓰기위함, 정밀한 값을 데이터를 표현하기 적합 char : chareactor , 한글자만 표현할 때, 한 글자는 외따옴표 사용 변수는 언제든지 ..

1.함수 불러오기 함수 만들기 함수를 만들고 함수 변수이름을 밑에다가 써야 화면에 출력된다. 함수를 필요할 때마다 불러오는 것이다. 2. 인명함수: 변수 안에 함수를 정의 let i= 0; let theFun = function(){} 인명함수는 반드시 위에서 변수를 지정해야 결과값이 나온다. 순서가 중요함 let i= 0; let theFun = function(){ i++; document.write("bye"+i," "); } theFun(); theFun(); theFun(); 3.배경색 바꾸기 console에서 보면 숫자대로 컬러이름이 나온다. 변수 i값을 초기화 let i =0; 만약에 i가 4와 같으면 4를 갯수로 변경 >> color.length if( i >= 4) i=0; if(i >=..

내부 css 와 html 마크업하기 usemap으로 #intro 설정, map id = intro로 설정하여 이미지와 맵을 연동한다. 영역 지정 ●area : 영역 지정 shape: 모양 coords : 좌표값 좌표값을 잡으면 포인터커서로 변경된다. 이벤트 넣기: onclick = "window.close();" 라는 명령어를 주면 작은 사각형을 클릭하면 윈도우 창이 닫힌다. 링크에 네이버 주소를 넣고 onclick에 alert 를 넣으면 네이버창이 열린다. target="_blank"는 새창을 열어주는 명령어

●replace : 문자를 다른 문자로 대체해줌

html 마크업 body css edit .move_image css 편집 .move_image 가 움직일 예정이다. ●will-change: 엘리먼트에 대한 변경을 할 것인지를 미리 브라우저에 알려주어 하드에 가부화가 걸리는 것에 대한 도움을 준다. 그림자 만들기 .cursor 편집 커서 만들기 .cursor 이벤트 넣기 jqeury 마우스 이벤트 화살표 커서 지우기 이미지 이동 //이미지이동 $(".move_image").css({"transform":"translate(-50%,-50%) perspective(600px) rotateX("+x+"deg) rotateY("+y+"deg)"}) x, y 변수지정 회전 속도 줄이기 함수를 추가로 넣어주어도 된다. 윈도우의 넓이값 구하기 윈도우의 넓이값에 ..

● break: 조건이 참이면 실행중인 반복문에서 빠져나오는 명령어 언어는 순서에 따라 조건이 달라질 수 있기 때문에 순서를 지켜야한다. ● continue : 조건이 맞으면 아래 명령어를 무시하고 다시 for문으로 올라가서 실행함 중첩 for 문 (구구단) i가 1일 때 k가 3번 돌아감 i가 2일 때 k가 또 3번 돌아감 for(let i=1; i> 1+1 =1 > 2+1 = 3 > 3+1 =4 ..... tr을 누적시켜서 하나의 테이블을 만들 것이다. 태그를 넣을 때는 "" 꺽쇠괄호 안에 넣는다. 열린태그를 닫아주어야한다. console로 확인하면 태그로 표현되어있는 것을 볼 수 있다. //테이블만들기 let num = 1; let t = ""; // 테이블 셋팅 for(let i = 1; i

html mark up css edit h1태그의 가상요소 만들기 폰트어썸 링크걸고 폰트어썸 넣기 폰트어썸 css edit main html mark up article 20개 만들기 article css edit 플러그인 사용 isotope 홈페이지 접속 Isotope · Filter & sort magical layouts (metafizzy.co) Isotope · Filter & sort magical layouts Install Download CDN Link directly to unpkg. Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --s..