개발로 가치를 찾는 개발자 개발로 가치를 찾는 개발자

Javascript 고급 구조분해 할당 (Destrucring assignment) 배열이나 객체의 속성을 해체해 그 값을 개별변수에 담는 것 배열 구조 분해 객체 구조 분해 배열 구조 분해 const [변수] = 배열; 각 변수에 배열의 인덱스 순으로 값 대응 구조분해 시 변수의 값이 undefined 일 때 기본값 할당 가능 구조분해 없이 두 변수의 값 교환도 가능 기존에 배열[0], 배열[1] 로 사용하던 것을 이름을 할당하여 사용 가능 (내 생각으로는 배열 구조 분해는 사용하면 배열에 있는 원소를 사용하기 위해서 열심히 배열 번호를 안세도 될 거 같아서 좋을 것 같다.) 배열 교환도 쉽게 가능하다.(let 일 때만 가능) 객체 분해 구조 const {변수} = 객체; 객체 안의 속성을 변수명으로 ..

웹 사이트 프로젝트 Day1. 23.07.17 지금까지 배운 내용(HTML, CSS, JS)들로 간단한 웹 사이트를 다른 2명의 크루분들과 함께 협업하여 제작하는 프로젝트 시작하였습니다. 아이디어 회의: 어떠한 주제를 가지고 웹사이트를 제작할지에 대한 아이디어 회의를 진행하였다. 주제를 정하기 위해 서로의 관심사나 원하는 주제에 대해 이야기를 나누었다. 그 결과, 쇼핑몰, 심리테스트, 영화 추천, 여행지 추천의 후보지가 도출되었다. 4가지의 후보 중에 개인정보 데이터를 저장할 데이터베이스 서버와 클라우드 플랫폼이 필요 없을 것 같은(아직 만들지 않았으니...) 심리테스트 사이트를 만들기로 결정하였다. 서버와 데이터베이스가 없는 상태에서 간단한 데이터를 저장하기 위해 HTML5웹 스토리지 옵션인 Local..

카카오톡 이름, 프로필 이미지 및 아이디 사용하기 카카오 로그인에서 사용한 코드 중 일부분을 자세히 보자 https://dongho-kang.tistory.com/28 카카오톡 로그인 구현(with JavaScript) 카카오톡 로그인 구현하기 카카오로 로그인하기 이걸 구현하기 위해 카카오 개발자 문서와 구글링을 엄청 많이 했다... 그래서 꼭 성공한 후 정리해서 남겨두고 싶었다. 카카오 로그인의 로직은 dongho-kang.tistory.com function getInfo() { Kakao.API.request({ url: "/v2/user/me", success: function (res) { console.log(res); var id = res.id; var profile_nickname = r..

카카오톡 로그인 구현하기 카카오로 로그인하기 이걸 구현하기 위해 카카오 개발자 문서와 구글링을 엄청 많이 했다... 그래서 꼭 성공한 후 정리해서 남겨두고 싶었다. 카카오 로그인의 로직은 'Kakao.Auth.authorize()호출'로 카카오톡을 실행하여 동의를 얻으면 '카카오 Auth Server'에서 Redirect URL로 인가 코드를 전달한다. 그 후 토큰을 이용하여 사용자 정보를 받아오게 된다. 카카오 SDK 로드 카카오 초기화 카카오로그인 코드 확인 액세스 토큰 발급 후, 함수 호출을 통해 사용자 정보 받아오기 로그아웃 기능- 카카오 서버에 접속하는 액세스 토큰 만료 시키기 코드로 로그인부터 로그아웃까지 다 작성하였다. 이렇게 하면 사용자 정보 중에 nickname과 id를 받아와서 loca..

카카오톡 공유 메시지 보내기 마블 테스트 결과를 카카오톡으로 공유하는 메시지를 보내고 싶다는 마음으로 시작한 카톡 공유 메세지 보내기! 1. 카카오 개발자 아이디 생성 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 로그인을 해주세요. 2. 내 애플리케이션 관리 3. 애플리케이션 추가하기 4. 빈칸들을 채워줍니다.(사업자명은 테스트용이면 이름을 적어도 상관없어요!) 5. 추가된 애플리케이션을 클릭해 줍니다. 6. 앱 키를 보면 여러 가지의 키가 있습니다.(저는 JavaScript를 사용하니 J..

JavaScript 표준객체 : JS가 기본적으로 내장되어 있는 객체들 Date: JS에서 시간과 날짜에 대한 정보를 얻기 위해 사용되는 객체 / new를 통해 초기화를 시켜야 사용 가능 new Date(년, 월, 일, 시, 분, 초, 밀리초) : parameter로 넣은 특정 시간을 가져온다. 초기화할 때 Date에 값을 넣으면 1970년 1월 1일 0시부터 밀리초만큼 지난 날짜가 출력된다. Date.now() : 기준시간으로부터 지금까지 지난 밀리초 date.getFullYear(): 년도 date.getMonth()+1: 월 (0부터 시작되기에 +1을 해줘야 현재 월이 나옴) date.getDate(): 초기화한 시간의 일 date.getDay(): 일요일(0), 월요일(1), 화요일(2), 수요일..

없는 숫자 더하기 문제 설명 0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers가 매개변수로 주어집니다. numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 하도록 solution 함수를 완성해주세요. 제한조건 1 ≤ numbers의 길이 ≤ 9 0 ≤ numbers의 모든 원소 ≤ 9 numbers의 모든 원소는 서로 다릅니다. 입출력 예 number result [1,2,3,4,5,6,7,8,0] 14 [5,8,4,0,6,7,9] 6 해답 function solution(numbers) { var answer = 0; for(let i = 1; i

자릿수 더하기 문제 설명 자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요. 예를들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다. 제한조건 N의 범위 : 100,000,000 이하의 자연수 입출력 예 N answer 123 6 987 24 해답 function solution(n) { var answer = 0; let arr = String(n).split(""); arr.forEach((a)=>{ answer += parseInt(a); }); return answer; } arr은 split()함수를 사용하여 글자 단위로 자르고 리스트를 만든다. forEach문을 사용하여 arr의 리스트의 요소가 하나씩 들어가고 ..