javascript3

• DataPlay Project - 2 : 이미지 텍스트 번역기 (2) 코드 정리 DataPlay - 데이터 갖고 놀기 2탄 : 이미지 번역기 코드 정리 이번 글에는 해당 프로젝트의 코드를 정리해보겠습니다 1. 파파고 API - 파파고 API 는 네이버의 파파고 라는 번역기를 사용할 수 있도록 하는 API 이다. - 당연히 파파고 api 를 사용하기 위한 시크릿키와 아이디값이 있는데 해당 값들은 APIdata 라는 인터페이스 안에 따로 선언해두었다. - 파파고 API 를 사용해서 view 에서 들어오는 데이터를 번역 할 수 있도록 한다. - 네이버 개발자 API 센터에 어떻게 사용하는지 아주 자세하게!! 정말 자세하게 적혀있다. 아래 있는 코드는 해당 코드를 내가 필요한것에 맞게 변형시켜서 만든 코드이다. - 내가 추가한 코드는 주로 번역될 언어를 선택하는 getSource 메소드, .. 토이 프로젝트/Spring&Java 갖고놀기 2022. 6. 11.

• JavaScript 기본기 익히기 (3) : html에서 값 가져오기, form 값 가져오기,객체 다루기 1. html 문서에서 값 가져오기 : document html 문서에서 값을 가져오기 위해서는 document 객체의 get 함수를 이용한다. 대표적으로 아래 함수들을 사용하는데 특히 html 의 id, class, name 등을 이용해서 해당 태그 내 값을 가져온다. document.getElementById(); document.getElementsByClassName() document.getElementsByName() document.getElementsByTagName() document.getElementsByTagName() document get 함수를 통해서 가져오는 값들은 모두 ‘객체’ 이다. 이 때문에 객체의 값을 다시 가져오기 위해서는 value 를 사용해야한다. console... JavaScript 2022. 5. 2.

• JavaScript 기본기 익히기 (1) : 변수 선언, 배열, 제어문, 문자열 사실 JavaScript 는 이전에 웹 프로젝트를 할때부터 접해왔었다. 근데 당시에는 솔직히 너~~무 어려워서, 정말 뭔말인지 하나도 모르겠어서 정리하는 것조차 포기하고 있었다. 근데 진짜 신기하게도 java 를 공부하면서 이것저것 만들다보니 이번에 JS 강의를 들으면서는 확실히 이해가 되었다. 의외로 Java 와 비슷한 부분이 많아서 적어도 기초 부분에서는 나름 재미있게 공부하고 있다. 그런 의미에서 JS 도 공부하고 정리한 내용을 작성해보려고 한다. 1. JavaScript 자바 스크립트는 사용자와의 인터렉티브를 담당 → html 에서의 사용자와 상호작용을 담당하는데 쉽게 생각하면 전반적인 이벤트를 담당한다고 생각하면 된다 ECMAscript 라고도 한다 console.dir(객체명) 를 통해서 콘솔.. JavaScript 2022. 4. 23.