HTML + Javascript 3 [HTML로 데이터 출력]
·
Web
1. 데이터 값을 HTML에 출력하는 방법 (DOM 형식)html 연습 function view() { var box = document.getElementById("box"); box.innerHTML = "Javascript 데이터 값";}function view2(){ var data = document.getElementById("data"); var w = 1; while(w"+w+""; w++; }}innerText :문자만 출력 (기존 데이터는 사라질 수 있음)innerHTML : HTML태그와 함께 출력 (기존 데이터는 사라질 수 있음)inner 사용시 "",''의 역할이 있으므로 주의해서 사용box.innerText = "Javascript 데이터 값";function telok(){ ..
HTML + Javascript 2
·
Web
1. return 함수 사용숫자 입력 : function calc() { var no = document.getElementById("no"); //사용자가 입력한 값 var result = aaa(no.value); //리턴함수에 인자값을 보내서 결과를 받음 console.log(result); //결과값을 출력 }function aaa(n) { //리턴함수 var z = 5 * n; //계산 수식구 return z; //결과값을 회신하는 역할 } 😊응용문제사용자가 아이디를 입력합니다. 예를들어 hong 아이디, admin 아이디를 입력시 결과는 "해당 아이디는 사용이 불가능합니다"라고 출력을 하며 그 외의 아이디는 "사용이 가능합니다"라는 메세지를 출력하도록 return함수로 구현하시오 아이..
복습 4
·
Web
1. button과 submit검색 : 검색 : function web(){ //id로 값을 가져오는 방식 var b =document.getElementById("se"); //form이 없는 상황에서 name속명으로 값을 js로 가져오는 방식 var a =document.getElementsByName("se")[0]; //form에 method="get" 방식과 동일한 형태 location.href="http://search.naver.com/search.naver?query="+b.value;}submit : 입력 후 엔터 기능form태그와 함께 사용method : 통신방법action : 사용자가 입력한 데이터를 이관하는 경로 button : 클릭을 위주로 사용하는 기능로그인 => submi..
복습 3
·
Web
function aaa(){ var no = document.getElementById("no"); if(no.value==""){ alert("해당 입력값에 데이터를 입력하세요!"); }else if(no.value!=""){ alert("값을 확인 하였습니다."); }}/*위와 같은 코드인데 name으로 핸들링 훨씬 간단 */function bbb(){ if(frm.no.value==""){ alert("해당 입력값에 데이터를 입력하세요!!"); }}function aaa(){ var no = document.getElementById("no"); if(no.value==""){ console("해당 입력값에 데이터를 입력하세요!"); }else if(no.value!=""){ //HTML에..
복습2
·
Web
See the Pen Untitled by koona0 (@koona-0) on CodePen. 😭 어려웠던점ob_center 안의 input 상자가 상하위치 이동이 잘 안됐다마진도 top도 포지션을 먹여도 안되던가오른쪽 이미지가 내려가던가 이상해졌었는데챗지피티형님께 물어보고display: flex;align-items: center;때리니까 해결됐다 ㅎㅎ인공지능 만만세
복습
·
Web
See the Pen Untitled by koona0 (@koona-0) on CodePen.
Dynamic Web project 생성
·
세팅
1. 프로젝트 생성Create a Dynamic Web projectTarget runtime : noneDynamic web module version : 3.1=>Finish// 윈도우의 경우 프로젝트 생성 전 UTF-8로 언어셋 설정해야함 맥은 기본 설정이 UTF-8이기 때문에 안해도됨 2.  Bulid path설정 (버전  7 -> 11)프로젝트 우클릭 > Build path또는 Properties 에서 들어가도 설정가능 기존 라이브러리 삭제하기 : Java Build Path > Libraries > JRE System Library [JavaSE-1.7] > Remove 새로 추가 : Add Library > JRE System Library > Alternate JRE > Installed ..
Eclipse 설치 - Mac
·
세팅
STS3 설치하고싶었지만 맥버전높으면 불가능 ㅠ이클립스 쓰는걸로..설치해둔 jdk 버전은 8해당하는 이클립스 4.21버전 2021-09 릴리즈 1. 다운https://www.eclipse.org/downloads/packages/release/2021-09/r 2021-09 R | Eclipse Packages517 MB 342,217 DOWNLOADS Tools for developers working with Java and Web applications, including a Java IDE, tools for JavaScript, TypeScript, JavaServer Pages and Faces, Yaml, Markdown, Web Services, JPA and Data Tools, Mave..
JDK11 설치 - Mac
·
세팅
맥북 프로 14 1.  구글에 JDK11 검색 -> 오라클 접속https://www.oracle.com/kr/java/technologies/javase/jdk11-archive-downloads.html 2.  macOS ARM64 DMG Installer 다운3. 설치4. 확인터미널에서 java -version 입력해서 버전 확인잘깔렸다!
가위바위보
·
Web
PC ? USER @charset "UTF-8";body { margin: 0; padding: 0;}.box { margin: auto; width: 100px; height: 100px; border: 1px solid black; text-align: center; line-height: 100px; width: 100px; overflow: hidden;}.box>img { margin-left: -8px;}.box2 { list-style: none; margin: 0 auto; padding: 0; width: 300px; height: 100px;}.box2>li { width: 100px; height: 100px; border: 1px solid red; box-sizing:..