분류 전체보기

Front End/JavaScript

[JavaScript] 자바 스크립트, 변수/상수

변수 계속 변하는 값 var 변수명; let 변수명; //지역변수 (블록 내/외) 가능 //전역변수. 어느 함수나 사용 가능 var a = 1; let b = 2; function f1() { //함수 호출 안하면 실행 안된다 alert("f1()a:" + a); //1 alert("f1()b:" + b); //2 var x = 3; //지역변수. f1() 함수에서만 사용이 가능하고 f2()에서 쓰지 못한다. let y = 4; alert("f1()t:" + t); //변수를 정의하지 않으면 에러 발생 alert("f1()x:" + x); //3 alert("f1()y:" + y); //4 } function f2() { alert("f2()a:" + a); //1 alert("f2()b:" + b); ..

Front End/JavaScript

[JavaScript] 글 쓰기/글 추가 기능, 게시판 만들기

아래와 같은 형식의 방명록을 만들어보자. 작성자 비밀번호 글내용 작성 글 ... 수정 삭제 1 t1과 div에 style 넣기 2 let cnt = 1; cnt 1로 선언 3 function a(){ let writer = f.writer.value; let pwd = f.pwd.value; let content = f.content.value; 변수에 html에서 받아온 값을 담음. 4 let el = mkDiv(writer, pwd, content); (3)의 변수를 mkDiv 파라메터에 받음 (6) 으로 이동 (mkDiv 함수) * mkDiv = newDiv = el 5 let list = document.getElementById("list"); list.appendChild(el); } id 가..

Project/23.03 티켓 예매 서비스

[Mini Project 1] MemberVo, MemberDao, MemberService

package member; public class MemberVo { private String id; private String pwd; private String name; private String phone; public MemberVo () {} public MemberVo(String id, String pwd, String name, String phone) { super(); this.id = id; this.pwd = pwd; this.name = name; this.phone = phone; } public String getId() { return id; } public void setId(String id) { this.id = id; } public String getPwd() ..

Front End/JavaScript

[JavaScript] 계산기를 만들어보자

같이 만든 계산기. 다음에는 혼자 만들어서 해보는걸로... 계산기 2

Project

[HTML] 홈페이지 따라 만들어보기

G마켓을 만들어보자 HTML로 홈페이지를 따라 만들어보라는 과제가 나왔다. 어떤 홈페이지를 할까 하다가 민혁이랑 형원이가 두 시즌이나 찍은 유튜브 예능 가 생각났다. (솔직히 이름 좀 그래... 어디가서 말하기 부끄러워.) 글로벌 어쩌구한 G마켓을 구현해보기로 결정. 난관 어찌저찌 G마켓 로고와 검색창, 전체 메뉴보기는 대충 구현했는데 전체 메뉴보기 옆에 있어야 할 여러 항목이 올라가지 않는 것이다. 이리저리 수정하다가 도무지 안되겠어서 뒤집어 엎었다. 더보기에 있는 것은 뒤엎기 직전까지 수정한 코드이나 쓰레기 코드이니 굳이 볼 필요는 없다. 더보기 처음 만든 코드

Front End/JavaScript

[JavaScript] 구구단을 테이블에 넣어보자

자바 스크립트에서 구구단을 구현하는 방식은 다양하다. 1. for 문 이용한 방식 구구단을 아래와 같은 형식으로 JS를 이용해 프린트해보자 코드 결과 2. 함수 이용한 방식 function 안에 for문을 넣어 body에서 호출하면 된다. 자바 스크립트 함수 정의 코드 결과 ⬇️ 자바 스크립트 문법 보러가기 TISTORY 나를 표현하는 블로그를 만들어보세요. www.tistory.com

Front End/JavaScript

[JavaScript] JavaScript 의 문법

연산자 자바에서 사용하는 연산자 또한 자바스크립트에서 사용할 수 있다. ⬇️ 자바 연산자 보러가기 [Java] 연산자, 연산자의 종류 안녕하세요. 코딩을 배우고 있는 Skylar(Lar) 입니다. 코딩에 대해 배운 내용을 정리하는 블로그를 운영하고 있습니다. 잘못된 정보에 대한 수정은 언제나 환영입니다. 연산자 1) 산술 연산자 보면 skylarcoding.tistory.com 제어문 제어문 또한 사용이 가능하다. if, else if, switch, for, while, do-while 문 등.... ⬇️ 자바 제어문 보러가기 [Java] 제어문, 조건문과 반복문 안녕하세요. 코딩을 배우고 있는 Skylar(Lar) 입니다. 코딩에 대해 배운 내용을 정리하는 블로그를 운영하고 있습니다. 잘못된 정보에 ..

Front End/JavaScript

[JavaScript] 자바 스크립트, 이벤트 핸들러

이벤트 UI에 발생한 사건이다. 클릭, 드래그, 페이지 로드, 입력값 변경 등이 있다. 이벤트 핸들러 이벤트가 발생했을 때 자동으로 호출되는 함수이다. 핸들러 등록 속성 on이벤트명 이벤트 처리 click : 클릭 시 발생하는 이벤트이다. onclick load : 페이지 열리자마자 발생하는 이벤트이다. onload window.onload = 함수명; // 코드 결합 function 함수명(){ } //onload 속성에 함수 등록 window.onload=함수명; => window의 onload 속성으로 핸들러 등록. // 위 두개 코드 결합하면. // 해당 함수는 onload 이외에 다시 사용할 일이 없어서 결합하여 한 번 사용하는 익명의 함수를 생성. // 익명함수. 이름이 없는 함수, 이벤트 핸..

Front End/JavaScript

[JavaScript] 자바 스크립트, 페이지 이동

페이지 이동 페이지를 이동하게 하는 명령어이다. location.href= "이동할 페이지"; 예시

Front End/JavaScript

[JavaScript] 자바 스크립트, 알림창 (alert, val, flag)

알림창 alert 메세지와 확인 버튼 하나로 구성된다. alert("메세지"); val 입력박스가 있는 알림창. 입력값을 반환한다. let val = prompt("메시지","초기값"); flag 메시지와 확인, 취소 버튼으로 구성된다. 확인 누르면 true, 취소 누르면 false를 반환한다. let flag = confirm ("메시지"); 예시

Lar
'분류 전체보기' 카테고리의 글 목록 (18 Page)