전체 글
-
[TIL] Algorithm 19Develope/Algorithm 2020. 7. 30. 16:04
◎ 문제 12: 몇 번째 행성인가요? 주어진 소스 코드를 수정해선 안됩니다. 우리 태양계를 이루고 있는 행성은 수성, 금성, 지구, 화성, 목성, 토성, 천왕성, 해왕성으로 총 8개 입니다. 저희는 우리 태양계의 n번째 행성이 무엇인지 알고 싶습니다. 입력으로 행성의 순서를 나타내는 숫자 n이 입력됩니다. 출력으로 그 순서에 해당하는 행성의 이름을 출력해 주세요. 예를 들어 1이 입력되면, 첫 번째 행성인 수성이 출력됩니다. 입출력 입력 : 1 출력 : 수성 ◎ 정답 const planet = (idx,pl) => { let findPlanet = pl[idx-1]; console.log(findPlanet); } let indexs = prompt("몇 번째 행성인가요?"); const planets ..
-
[TIL] Algorithm 18Develope/Algorithm 2020. 7. 30. 15:19
◎ 문제 12: 게임 캐릭터 클래스 만들기 다음 소스코드에서 클래스를 작성하여 게임 캐릭터의 능력치와 '파이어볼'이 출력되게 만드시오. 주어진 소스 코드를 수정해선 안됩니다. 데이터 const x = new Wizard(545, 210, 10); console.log(x.health, x.mana, x.armor); x.attack(); 출력 545 210 10 파이어볼 ◎ 정답 class Wizard { constructor(health, mana, armor) { this.health = health; this.mana = mana; this.armor = armor; } attack() { return console.log("파이어볼"); } } const x = new Wizard(545, 210..
-
[TIL] 2차 프로젝트 기억하고 싶은 코드 1. Naver 소셜로그인Develope/React 2020. 7. 28. 17:30
◎ 뒤늦게 2차 프로젝트를 진행할 때 기억하고 싶은 코드에 대해 블로깅한다. 2차 프로젝트 때 나를 가장 괴롭혔던 naver 소셜 로그인... 유일하게 우리 프로젝트만 naver 소셜 로그인을 사용하였다. 다른 조와 정보도 공유할 수 도 없고 혼자 해야만 했다.. 고생한 만큼 기억하고 싶은 코드이다. 1. 네이버 애플리케이션 등록 ◎ 사용 목적에 맞게 설정을 해준다. - API에 필요한 정보들을 체크해준다. - API를 사용할 url을 적어주고, 네이버 아이디로 로그인 시 Callback URL도 적어준다. 2. 네이버 애플리케이션 목록 확인 ◎ Application에서 자기가 만든 애플리케이션의 목록들을 확인할 수 있다.(test를 많이 해서 애플리케이션이 많다..) 3. public 폴더 안에 있는 ..
-
[TIL] Cookie vs LocalStorage vs SessionStorageDevelope/Web 2020. 7. 28. 16:33
1. Cookie(쿠키) ◎ 쿠키는 클라이언트에 대한 정보를 이용자의 PC의 하드디스크에 보관하기 위해서 웹 사이트에서 클라이언트의 웹 브라우저에 전송하는 정보이다. 1-1. Cookie의 특징 - 웹 사이트에서 쿠키를 설정하면 이후 모든 웹 요청은 쿠키 정보를 포함하여 서버로 전송된다. - 쿠키는 개수와 용량에 있어 제한을 걸어 두고 있다. 하나의 사이트에서 저장할 수 있는 최대 쿠키 수는 20개이며, 하나의 사이트에서 저장할 수 있는 최대 쿠키 크기는 4KB로 제한되어 있다. - 쿠키는 만료일자를 지정하게 되어 있어 언젠간 제거된다. 만료일자로 지정된 날짜에 쿠키는 제거되는 것이다. (만료일자를 지정하지 않으면 세션 쿠키가 된다.) 1-2. Cookie의 장/단점 + 장점 : 대부분의 브라우저에 지원..
-
[TIL] 반복문 종료방법(break, continue, return)Develope/Javascript 2020. 7. 28. 15:03
◎ 코딩을 하다 보면 반복문을 많이 사용하게 된다. 반복문을 실행하다가 중간에 종료하게 되는 상황이 있는데 그 방법에는 break, continue, return 등이 있다. 각 각의 방법의 차이점을 알아보자 1. break ◎ 반복문을 실행하다가 break문을 만나면 반복문은 그 즉시 실행을 멈추고 반복문은 종료된다. const forBreak = () => { let sum = 0; for (let i = 0; i 100) { break; } sum += i; } console.log(sum); // 105 }; forBreak(); 위 코드는 0부터 100까지의 수를 모두 더하는 함수이다. 0부터 100까지 더하면 5050이 출력되어야 하지만, sum이 100보다 커질 때 break문을 만나 반복문..
-
[TIL] Algorithm 16Develope/Algorithm 2020. 7. 28. 14:11
◎ 문제 10: 별 찍기 크리스마스 날, 은비는 친구들과 함께 파티를 하기로 했습니다. 그런데, 크리스마스트리를 사는 것을 깜빡하고 말았습니다. 온 가게를 돌아다녀 봤지만 크리스마스트리는 모두 품절이었습니다. 하는 수 없이 은비는 프로그래밍으로 트리를 만들기로 합니다. 은비를 위해 프로그램을 작성해 주세요. 입력 5 출력 * *** ***** ******* ********* ◎ 정답 const starFunction = num => { let result = ""; for(let i = 1; i
-
[TIL] Algorithm 15Develope/Algorithm 2020. 7. 28. 13:06
◎ 문제 9 : concat을 활용한 출력 방법 다음 소스 코드를 완성하여 날짜와 시간을 출력하시오. var year = '2019'; var month = '04'; var day = '26'; var hour = '11'; var minute = '34'; var second = '27'; var result = //빈칸을 채워주세요 console.log(result); 출력 2019/04/26 11:34:27 ◎ 정답 var result = year.concat("/" + month + "/" + day + " " + hour + ":" + minute + ":" + second); ◎ 해설 - concat() 메서드는 매개변수로 전달된 문자열을 메서드를 호출한 문자열에 붙여 새로우 문자열을 반환한다.