Dev28 [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. 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. 09-1.Collection(ArrayList) 교육을 받으면서 프로젝트 때 가장 많이 사용한 기능이기도 하고 사실 사용하다 보면 기본적인 개념을 까먹게 되는 개념인 것 같다. 그래서 컬렉션 중 ArrayList를 먼저 정리하고 HashSet, Map에 대한 개념을 정리하려고 한다. 1. 배열과 ArrayList의 차이 특징 배열 ArrayList 크기 지정 크기 지정 필요 필요 없음(기본 크기 10) 중간에 새로운 데이터 추가 가능은 하나 매번 땡겨주는 복잡한 알고리즘 기술 필요 필요 없음 데이터 종류 한 타입의 데이터만 저장 가능 여러 타입의 데이터 저장 가능 사용 시기 데이터를 단지 보관 및 조회 시 사용 보관 및 조회 + 추가 / 삭제 과정이 빈번한 경우 2. ArrayList 사용 - 선언 ArrayList를 선언하는 방법은 두가지가 있다. .. 2023. 8. 2. 이전 1 2 3 4 5 다음
