반응형 programming/javascript185 자바스크립트 document 객체의 innerHTML innerText 차이 자바스크립트의 document 객체 중 innerHTML 과 innerText 가 있다. 지정한 html 요소 내부의 문자열을 읽기 Get 쓰기 Set 할 수 있는 속성이다. innerHTML 은 HTML 를 포함하고 렌더링을 하며, innerText 는 HTML 의 특성을 제외한 문자열만을 다룬다. 자바스크립트 document 객체 innerHTML innerText 차이 자바스크립트에서 html를 다룰 때 document 객체를 사용하게 된다. 그 중 innerHTML과 innerText 속성을 자주 사용하게 되는데 이 둘에도 차이가 있다. 사용에 따라 가시적으로 같은 기능으로 보일 수 있기에 난해할 수 있다. innerHTML과 innerText 는 읽기 Get 과 쓰기 Set 이 가능하다. 결론적.. 2023. 2. 3. 자바스크립트 화살표 함수 사용법 3가지 인자값과 리턴값 자바스크립트의 화살표 함수는 일반적인 함수와 마찬가지로 인자값과 결과값에 따라 만들 수 있다. 동적이고 반복적인 공통된 코드들이 있다면 함수로 만드는 것이 효과적이고 화살표 함수를 이용한다면 코드를 간략화할 수 있으며, 객체지향적으로 코드를 만들 수 있다. 이것은 추후 유지보수 측면에서도 유리하다. 자바스크립트 화살표 함수 사용법 3가지 인자값과 리턴값 프로그래밍 개발에서 필요한 것은 기교도 있겠지만 필요한 코드를 함수로 만들면 반복적인 코딩을 하지 않아도 된다. 편해진다는 것. 이전에 다뤘던 자바스크립트의 화살표 함수도 이런 것들이 가능하고, 반복적인 부분을 함수로 만들면 좋다. 함수를 만드는 방법은 3가지로 다른 프로그래밍 언어와 방식은 같다. 함수는 필요에 따라 인자값이 있을 수도 있고 없을 수도 .. 2023. 1. 28. 자바스크립트 화살표 함수 뜻과 의미 = () => arrow function 자바스크립트의 화살표 함수는 = () => 기호를 사용한다. 의미는 함수명 = (인자값) => { 코드 } 의 형태로 사용한다. 화살표 함수 외에 비슷한 표현식도 있기에 난해할 수 있지만 자바스크립트 특유의 유연함은 개발자로 하여금 독이 될 수 있는 부분일 수 있다. 하지만, 이 자유분방함 때문에 개발단계에서 꽤나 간결한 코드를 쉽게 만들 수 있다. 물론, 가독성도 좋아진다. 자바스크립트 화살표 함수 뜻과 의미 = () => arrow function 자바스크립트는 공부할 것이 많은 언어 같기도 하다. 프로그래밍 언어 중 가장 하찮게 보이기도 하지만 대단해 보일 떄도 있다. 라이브러리도 다양하고, 써먹을 곳도 많아진 것도 사실이다. 이런 느낌이 드는 것은 화살표 함수 때문이기도 하다. 자바스크립트가 꾸준.. 2023. 1. 28. 자바스크립트 파일 정보 읽기 input type file 자바스크립트의 file 속성은 파일 객체는 파일을 읽는 용도로 사용한다. 파일 정보는 배열로 표현되고 점을 이용하여 파일 속성에 접근할 수 있다. input 입력 태그에서 선택한 파일의 정보를 file 속성를 사용하여 정보를 읽을 수 있고, 자바스크립트를 이용하여 화면에 파일 정보를 표시할 수 있다. 자바스크립트 파일 정보 읽기 input type file 자바스크립트는 웹페이지에서 동적인 역할을 한다. 웹브라우저에서 실행되는 클라이언트 프론트엔드 언어지만 과거에 비해 여러가지가 가능하다. 자바스크립트도 엄연히 언어에 속하며 왠만한 기능들은 가지고 있다. 그 중 하나가 파일읽기이다. 파일읽기는 input 입력 태그를 이용해 서버로 전송하기도 하고, 화면에 텍스트나 이미지를 표현할 수 있다. 자바스크립트의.. 2023. 1. 17. 이전 1 2 3 4 5 ··· 47 다음 반응형
