본문 바로가기

전체 글29

[JS] 03. innerHTML / innerText / value 지난 게시글에서는 데이터를 입력받는 방법들을 확인했었는데 그 중에서 사용됐던 기능 중 하나인 innerHTML을 먼저 알아보고, innerText, value에 대해서 공부해보려 한다. 1) 요소.innerHTML | innerText 무엇보다 먼저 innerHTML과 innerText의 차이를 간단하게 알아보자면 innerHTML 입력한 내용에 HTML 태그가 있으면 HTML 태그로 인식해서 화면에 HTML로 출력해줌 innerText 입력한 내용에 HTML 태그가 있어도 텍스트 그대로 출력함 사실 이 차이만 알고 있으면 언제 어떤 기능을 사용하는 데 어려움이 없을 것 같다. innerHTML에 간단한 예시 코드를 살펴보면 클릭할때마다 1씩늘어남 위 코드에서 innerHTML에 ' ' 코드를 문자열로 .. 2023. 10. 9.
[JS] 02. 데이터 입력 받기 자바스크립트를 사용하는 데 기초적으로 주로 사용했던 것들은 1) (window.)alert | window.confirm 2) (window.)propmt 이렇게 있다. 이번 게시글에서는 이러한 기능들과 어떻게 사용하는 지를 다시 한 번 정리하려고 한다. 1) [window.]alert('출력하고싶은 문구') | window.confirm('질문내용') alert는 단순 확인 버튼만 생성되며 confirm은 확인/취소 버튼이 생성된다. 확인을 누를 경우엔 true가 반환되며, 취소를 누를 경우 false가 반환된다. 코드와 예시 버튼을 만들어서 확인해보자. 클릭 다음과 같이 코드를 작성한 후 script 태그 안에 confrm을 사용했다. 위에서 말한 것처럼 confirm은 true | false의 bo.. 2023. 10. 9.
[JS] 01. JavaScript 개요 교육을 받으면서 FrontEnd와 관련 된 언어로 JS를 가장 먼저 배웠었다. JavaSript? JavaScript는 "스크립트 언어"이자 인터프리터 방식의 언어라고 한다. 인터프리터 방식이라하면 한 줄씩 읽어가며 실행하는 방식이다. JS 장점? 자바스크립트의 장점으로는 인터프리터 방식으로 한줄씩 실행되기 때문에 수행속도가 빠르다. 또한 코드 작성이 간단한 편으로 초보자가 접하기 쉽다고 한다. 그 중에서 내가 생각하는 장점 중 하나는 바로 접근제한자의 개념이 없다던가 , 변수를 선언 할 때 자료형을 선언할 필요가 없다는 점이었다. JS사용법 1) 인라인 사용법(inline) 인라인 사용법은 주로 소스코드가 소량일 경우 주로 사용한다. 예시를 간단하게 들면 알람창 출력 HTML 삽입 미리보기할 수 없는 .. 2023. 10. 9.
파이널프로젝트 포트폴리오 구현환경: Spring framework, Oracle, JS, JQuery, Ajax, myBatis, JDBC, Maven, Github 2023. 8. 10.
10.Network 교육을 받으면서 JAVA 파트 마지막에서 했던 것이 네트워크와 관련한 내용을 배운 것이었다. 이 때 했던 실습은 서버와 클라이언트 코드를 작성해서 컴퓨터 간 채팅을 해보는 기능을 사용했었는데 오늘은 그런 기능을 한번 다시 정리해보려고 한다. 0. Network 네트워크를 간단하게 알아보면 여러 대의 컴퓨터들이 연결되어있는 통신망 같은 것이라고 생각하면 편하다. 그러므로, 이 네트워크를 통해서 컴퓨터를 사용하는 사용자 서로 간의 데이터를 교환할 수 있는 것이다. 여기서 또 하나의 개념을 알아둬야 할 게 있는데 바로 "IP주소"이다. IP주소는 방금 설명한 네트워크 상에서 컴퓨터들을 식별해주는 번호라고 할 수 있다. 1. InetAdderess 자바에서 이런 네트워크와 관련한 메소드들을 제공해주는 클래스가 .. 2023. 8. 10.
09-2.Collection(HashSet, HashMap) 저번 게시글에서는 ArrayList와 배열에 대한 차이점과 ArrayList에서 사용할 수 있는 메소드를 알아봤는데 이번에는 HashSet과 HashMap을 알아보려고 한다. 1. HashSet HashSet은 ArrayList와 마찬가지로 동일하게 함수를 사용할 수 있다. 그러나 차이점이 있다. 코드로 바로 알아보자 사진으로 볼 수 있듯이 ArrayList는 리터럴 그 자체로 추가를 하던, String 객체로 추가를 하던 ArrayList에 저장이 되는 것을 확인 할 수 있다. 그러나 HashSet의 경우를 살펴본다면 이렇게 5개의 데이터를 넣었지만, 중복된 데이터는 저장이 되지 않는 것을 확인 할 수 있다. 즉, HashSet은 HashSet이라는 공간에 추가가 될 때마다 동일 객체인지 비교 후 동일.. 2023. 8. 7.