전체 글223 2. JSON 이란? JSON 이란? - JSON은 계속해서 데이터를 전송하거나 정보를 전송하는 포맷이다. - 사용자끼리 전송하거나 API에서 브라우저로 전송이 가능하다. - 일관적이고 예측할수 있는데이터를 포맷팅 하는게 특징이다. - JavaScript 객체 구문을 기반으로 하여 중괄호와 key- value 값을 갖는게 비슷하다. - 다른점으로는 모든키는 큰 따옴표 "" 를 가지고 있다. - JSON은 JavaScript에서만 쓸수 있는게 아닌 Ruby,Python 등 다른 언어에도 사용 가능하다. https://jsonformatter.curiousconcept.com/#about JSON Formatter & Validator Format and validate JSON data so that it can easily .. 2023. 6. 20. 01. AJAX란(+API) 1.AJAX란? -AJAX는 비동기식 JavaScript와 XML 이다. -기존의 웹 페이지는 페이지 전체를 새로고침해야지만 서버로부터 데이터를 가져오거나 전송할 수 있었지만, AJAX를 사용하게 되면 페이지의 일부분만 업데이트할 수 있다. -정보를 올리거나 전송하고 어떤 정보를 저장하려면 요청이 필요한데 그것을 웹사이트나 혹은 앱에서 보이지 않게 요청을 하는것이며 서버로 데이터를 원활하게 주고 받을수 있게 해준다. - JavaScript를 사용하여 비동기적으로 서버와 통신하고, XML 또는 JSON 형식으로 데이터를 주고받을 수 있다. 최근에는 XML 보다는 JSON 형식을 많이 사용하고 있다. 예시: 데이터를 서버로 전송하여 백엔드와 상호작용하는 회원가입 양식 제출, 데이터 저장 등이 있으며 실시간 .. 2023. 6. 19. 06-01. 비동식 키워드 1.비동식 키워드란? - JavaScript의 새로운 기능이자 기존 구문의 개선된 방식이다. - 비동기 코드를 깔금하게 작성하도록 돕는 함수이다. ( Internet Explorer에서는 지원 안한다.) 2. async async 자체가 함수를 비동기 함수로 선언하는 키워드이다. async function hello() { return 'hello world!'; } hello(); 위와 같이 할경우 함수는 자동으로 Promise를 반환한다. 아래는 예시이다. 처음에는 그냥 hello world!를 반환하지만 async를 붙였을 경우 Promise를 반환한다. 3.await await 키워드는 비동기 코드를 쓰면서 동기적으로 보이게 해준다. Promise가 값을 반환할 때까지 기다리기 위해 비동기 함수의.. 2023. 6. 19. [AWS] AWS 계정 만드는 방법 1. AWS 홈페이지에 접속해줍니다. https://aws.amazon.com/ko/ 클라우드 서비스 | 클라우드 컴퓨팅 솔루션| Amazon Web Services aws.amazon.com 2. 접속 홈페이지에서 AWS 계정 생성을 눌러줍니다. 3. 이메일 주소와 영문이름을 입력 후 클릭해줍니다. 4. 입력한 이메일에서 온 코드를 입력후 확인을 눌러 줍니다. 5. 암호를 만들어줍니다. (암호 입력시 8글자 이상, 대문자 소문자 포함, 특수기호 포함입니다.) 6. 연락처 정보를 입력해줍니다. - 사용 계획이 자체 프로젝트이므로 저는 개인으로 하였습니다. - 영문으로 이름을 써줍니다. - 전화번호는 korea 선택후 전화번호를 넣어주시고 - 주소 와 시, 도를 입력한후 우편번호를 써줍니다. - 맨 마지막.. 2023. 5. 31. Node.js 설치 방법 Node.js 설치 방법 1. 사이트 접속 사이트에접속해줍니다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 파일 다운 - LTS 파일을 다운해줍니다. ++(2023/05 기준입니다.) 3. node 설치 1. 위를 설치 하면서 아까 필요한 도구를 자동으로 설치하는 것에 대해 체크를 했기때문에 cmd 창이 하나 뜹니다. 2. "마지막에 계속하려면 아무키나 누르십시오"가 뜰텐 아무키나 누르면 설치 됩니다. 3. 누르시면 PowerShell로 넘어갑니다. 4. 설치가 완료되면 enter를 눌러 줍니다 2023. 5. 28. [HTML5] target 속성과 src 속성에 대해 자세하게 알아보자 target 속성과 src 속성을 자세하게 알아보자 target 속성 target 속성은 a 태그로 링크를 생성할 때 대상이 연결 되는 방식을 지정합니다. 속성값으로 _blank, _parent, _self, _top 을 사용할수 있습니다. 가장 많이 사용 하는 것은 _blank 로 알려져 있습니다. target 속성값 _blank 는 새 창으로 열리는 방식입니다. _parent 는 기존창의 부모 창에서 새 창이 열리는 방식입니다. _self 는 기존창에 그대로 웹페이지를 여는 방식입니다. _top 은 현재 열려져있는 창의 최상위 인터넷 창에서 열리는 방식입니다. src 속성 src 속성은 삽입하려는 이미지의 경로를 입력하는 속성입니다. 여기서 이미지 경로를 현재 폴더로 할지 상위폴더로 할지 정할 수 있.. 2023. 5. 17. 이전 1 ··· 24 25 26 27 28 29 30 ··· 38 다음
