cha123hein 님의 블로그

★ 문제자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요.예를들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다.(N의 볌위 : 100,000,000 이하의 자연수) ★ 문제 해결 과정우선 N의 각 자리 값을 더하려면 split라는 함수를 사용하여 쪼갠다는 생각이 먼저 들었는데,split() 메서드는 String 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눕니다. 그렇기 때문에1. 숫자를 문자열로 변환한다.(string 사용)2. 문자열을 쪼갠다.(split 사용)3. 그 문자열을 반복문에 넣어 배열의 길이가 끝날때 까지 더한다.(for 문사용)4. 결과값을 다시 숫자열로 변환한다.(parseInt 나 numbe..

내가 짠 코드 분석// Firebase 초기화 및 FIrestore 설정import { initializeApp } from "https://www.gstatic.com/firebasejs/10.4.0/firebase-app.js";import { getFirestore, doc, updateDoc, increment, getDoc } from "https://www.gstatic.com/firebasejs/10.4.0/firebase-firestore.js";const firebaseConfig = {apiKey: "...",authDomain: "...",projectId: "...",storageBucket: "...",messagingSenderId: "...",appId: "...",measu..

지난번에 localStorage를 사용해 버튼을 눌렀을 때 그 값이 저장되도록 하였다.하지만 localStoraged의 경우 내 컴퓨터의 웹브라우저내에서 저장이 되기 때문에 다른 컴퓨터를 사용하여 클릭한 값들은 불러올 수가 없다..결국 다른 사람들의 영화에 대한 반응을 볼 수 없는 것이다.그래서 난 사전캠프때 들어뒀었던 firebase를 사용하여 그 수를 저장하고, 불러와야겠다 생각했다. firebase에는 신기하게 숫자값을 늘리는 함수가 이미 있었는데import { doc, updateDoc, increment } from "firebase/firestore";const washingtonRef = doc(db, "cities", "DC");// Atomically increment the popula..

이전에 이어서 굳이 캔버스를 사용하지 않아도 되는 방법을 찾았는데 div id="circle1">div>로 영역을 만든다음 style>#circle1 { position: absolute; border-radius: 100%; opacity: 0.2; bottom: 10vh; left: 10vw; width: 200px; height: 200px; background-color: #6bc7f0; }스타일을 이용하여 원을 그리는 방법이다.주변 둥글기인 border-radius값을 높이면 결국 원이 된다. 이제 기본인 원과 숫자를 나타내는 버튼을 만들었으니, 그 숫자를 저장해야한다.처음에는 필수과제에 처음보는 localstorage에 저장을 하자 하였는데,localstorage를 이용하면 웹 브라우저에서 로..

이번에 첫 팀프로젝트로 개별과제로 만들었던 영화 소개하는 웹에서 더 들어가 상세페이지를 만들어보기로 했다.우리 조는 조 이름이 IN사이드 아웃이라 영화 인사이드 아웃과 연관시켜 '감정에 따른 영화를 추천'해주는 페이지를 만들기로 하였고,상세페이지에는 영화내용과 함께 채팅기능, 감정버튼을 눌러서 간단하게 이 영화에 대한 후기를 남길 수있고 즐겨찾기를 눌러 내가 좋아하는 영화에 대해 한번에 몰아서 볼 수 있도록 기능을 구현하기로 했다. 그 중 내가 구현해 내야하는 것은, 클릭한 감정 버튼에 따른 배형의 동그라미 크기 변형이다. 위 사항을 들었을 때 우선 내가 실행해야하는게1. 버튼을 만든다.2. 원을 만든다.3. 반지름 값에 버튼을 누른 값을 넣어서 변동이 가능하도록 한다.4. 클릭 횟수가 누적되어야하기 때..

true / false 논리연산논리곱 연산자(&&) : 조건 중 하나라도 false이면 false = 모든 조건이 true여야 true논리합 연산자(||) : 조건 중 하나라도 true이면 true 나이가 18세 이상이고, 회원이어야 접근 가능let age = 25;let isMember = true;if( age>=18 && isMember===ture){console.log("접근 허용");} else{console.log("접근 불가");} //로그인 상태이거나 관리자여야 접근 가능let isLoggedIn = false;let isAdmin = true;if(isLoggedIn === true || isAdmin === true){console.log("관리자 페이지에 접근 가능");}else{c..

1. 브랜치: 브랜치는 기존 데이터를 그대로 두고 수정한 데이터를 새로 저장하는 걸 말한다.git. branch (브랜치 이름)-> 생성되었는지는 git. branch를 검색하면 기존 파일과, 브랜치로 복사한 파일이 나온다.*q키로 빠져나올 수 있다. 그렇다면 새로 생성한 브랜치로 이동을 하려면 브랜치 이동명령어 : git swich (브랜치이름) orgit checkout (브랜치이름)둘 중 하나를 쓰면 된다. 브랜치를 만들고 바로 이동을 하려면git swich -c (브랜치이름)or git checkout -b (브랜치이름)을 치면 된다. *새로 생성한 브랜치에 수정된 사항을 저장하면 당연히 기존에 있던 파일인 main에는 저장이 되지않는다.협업을 위해서 다시 main으로 저장을 해야하는데,git s..

1. push : 배열의 끝에 추가한다.let fruits = ['사과', '바나나']fruits. push('포도')console.log(fruits);->  결과값으로 '사과', 바나나', '포도' 가 나온다. 2. pop : 끝의 배열을 빼준다.let fruits = ['사과', '바나나', '포도']fruits. pop();console.log(fruits);-> 결과값으로 ['사과', '바나나']만 나온다.->pop 함수를 실행하고 변수에 대입하면 빼낸 값을 반환한다.   빈 배열일 경우 undefiend를 반환한다 3. forEach = for문과 동일하다.for(i=0; iconsole.log(fruits);}-> 이걸 forEach로 바꾸자면,fruits.forEach(함수가 매개변수로 들..

* 문자열(str)과 숫자(n)을 매개변수로 받아 str을 n번 콘솔에 출력하는 함수인 repeatWord 함수를 완성해보세요.*function repeatWord(str, n) { ...}// 함수 실행....*조건repeatWord 함수의 내용을 채워주세요.인자 “hello”, 5를 넣어 repeatWord 함수를 실행시켜주세요.-> 처음에는 1. 반복문을 사용하여 n까지의 숫자를 불러낸다.2. 그 숫자들을 일일히 문자열로 변환을 시킨다.에서 숫자를 어떻게 일일히 다 문자열로 변환을 해야하는지 헷갈렸었는데 답은 의외로 간단하게 console.log(str)로 결과값을 지정해놓으면 어떤 숫자가 오든 str문자열로 출력되었었다.function repeatWord(str, n) { for (i = 0; ..

일급객체(First-class Object) : 자바스크립트의 함수를 일컫는 말로, 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체이다. 1. 변수에 함수를 할당할 수 있다. 위의 말은 함수가 마치 값으로 취급되며, 함수를 나중에 사용될 수 있도록 조치가 할 수 있다.ex) const sayHello = fuction() { console.log("Hello!");};-> sayHello를 입력하면 "Hello!"라는 값이 나오도록 조치되었다. 2. 함수를 인자로 다른 함수에 전달할 수가 있다.function callFuction(func){func(); }callFunction(sayHello):-> 위의 함수를 매개변수에 넣을 수 있다. 2-1. 콜백함수 : 매개변수로써 쓰이는 함수...