본문 바로가기
반응형

Javascript12

[javascript] async await 비동기에 대해서 1. async 함수 앞에 async를 붙이면 해당함수는 자동으로 프로미스를 반환하게 된다. 비동기로 처리되는 부분에 await를 붙이면 프로미스가 끝날때까지 기다린다. (동기적 처리) await는 async가 붙은 함수에서만 사용 가능하다. 2.await 비동기로 처리되던 것을 동기적으로 처리를 해준다. async function Name(){ return "kim" } async function Job(){ return "Front-end Developer" } async function Info(){ const name = await Name(); const Job = await Job(); return `${name} + ${Job}` } Info().then(console.log); //결과값 .. 2024. 1. 10.
[javascript] 객체리터럴이란? 자바스크립트에서 객체리터럴이란 용어를 들어봤을것이다. 객체 선언 방식중에 하나인 객체리터럴은 어떤것을 의미하는지 한번 알아보도록 하자 객체 자바스크립트는 객체 기반 프로그래밍 언어이며, 원시 값을 제외한 나머지 값은 모두 객체이다. 객체는 프로퍼티로 구성된 집합인데, key와 value로 구성이 된다. 객체 리터럴 객체리터럴은 key:value 형식의 data를 입력하는 방식이다. //object literal let info = { name: "kim", intro : function(){ console.log(`my name is ${this.name}`); } }; console.log(typeof info); console.log(info); //result object { name:"kim" ,.. 2024. 1. 9.
[javascript]네이버 로그인 javascript로 구현하기 요즘 SNS로그인은 대부분 서비스에 이용되어지고 있다. 오늘은 그중에 네이버 로그인 구축 방법을 공부하면서 하는 방법들을 정리해보려고 한다. 네이버 로그인 흐름도 1.NAVER Developers 에 어플리케이션등록하기 먼저는 NAVER Developers에 들어가서 등록을 해야한다. https://developers.naver.com/main/ NAVER Developers 네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음 developers.naver.com 네이버로그인 -> 오픈API이용신청 -> 어플리케이션등록 어플리케이션 이름 , URL , .. 2023. 7. 11.
[javascript]임시 비밀번호 및 난수 생성하기 _ math.random() 배경 회사프로젝트에서 임시비밀번호와 비슷한 프로젝트를 하게 되었다. 관리자 코드를 새롭게 임의로 생성할 수 있는 기능이다. 이것을 통해 배운 math.random 과 math.floor 메서드에 대해서 배우게되었다. 랜덤으로 숫자 생성하기 테스트 코드 작성 먼저는 이 기능을 사용하기 위한 테스트 코드를 만들어 보았다. 영어 대소문자 숫자 특수기호 조합으로 만드는것이다. 랜덤으로 숫자 생성하기 코드 생성 생성하기 결과 생성하기 클릭을 하면 임시로 생성하도록 작동이 된다. 0 2023. 3. 15.