Dev/JS5 [JS] 05. 변수 선언(var, let, const) 최근에 자바스크립트를 다시 복습하면서 게시글을 작성했는데 제일 중요한 개념을 잊었다... 바로 변수선언..; Java를 사용하면 변수를 선언할 때 변수의 자료형을 명시해줘야 하는데 int a = 10; String s = "이걸까먹네"; 바로 이런식으로 변수의자료형 변수명 = [(String일 경우)"문자"] or [숫자는 1 이런식으로] 사용했는데 첫 게시글에도 명시를 했지만 JavaScript는 변수의 자료형을 명시하지 않고 사용할 수 있다는 장점이 있다. 근데 변수를 선언할 때 보면 var a = 1 let b = 2 const c = 3 이런 식으로 누가 봐도 자료형이 아닌 다른 방식으로 변수를 선언하는 것을 확인할 수 있다. var, let, const를 간단하게 표로 확인해보자 var let .. 2023. 10. 23. [JS] 04. onclick VS addEventListener 자바스크립트를 사용하다보면 버튼이나 어떤 요소에 클릭을 했을 때 이벤트를 주고 싶은 경우가 참많다. 나도 교육을 받으면서 다양한 이벤트들이 있지만 사실 클릭이벤트를 거의 10중에 9를 썼던 것 같다. keyup 이나 keydown은 배우기만 했지 사실 프로젝트를 하면서 맡은 부분이 없으면 쓸 일이 크게 없기 때문에 대부분은 클릭이벤트를 쓰게 됐었다. 그런데 onclick을 inline 방식으로 사용을 하던 어떤 방식으로 사용하던 가끔 가다가 분명 문법에도 오류가 없고 어떠한 문제 없이 코드를 작성했는데 작동하지 않는 것을 js를 사용하다보면 누구든지 겪었을 거라고 생각한다. 나도 교육 중에는 onclick만 사용했지만, 프로젝트를 하는 중 결국 onclick만으로는 해결되지 않는 문제가 많기 때문에 수많.. 2023. 10. 23. [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. 이전 1 다음