잼굴 코딩공장

문제 1 x만큼 간격이 있는 n개의 숫자 풀이순서: 1. for 반복문을 사용한다. 2. 반복해서 계산한 값을 순서대로 배열에 넣는다. 사용문법: for() : 반복문 arr.push() : 배열에 순서대로 넣는다. function solution(x, n) { var answer = []; for(i=1; i

문제 1 풀이순서 1. 모든 문자를 대문자로 만든다. 2. P의 개수와 Y의 개수를 비교한다. 사용문법 toUpperCase() : 문자를 대문자로 바꾼다. split() : 문자열을 배열로 바꾸고, 해당 문자를 가져온다. length : 개수세기. 배열크기에서 -1을하면 특정 문자의 개수를 알수있따. 답 function solution(s){ var answer = true; s = s.toUpperCase() if((s.split("P").length-1)==s.split("Y").length-1){ answer = true } else{answer = false} return answer; } 문제 2 풀이순서 1. 숫자를 문자로 바꾼다. 2. 문자를 배열로 바꾼다. 3. 내림차순으로 정렬한다. 4..

풀이: n의 제곱근을 구해서 나머지가 0이라면 x+1의 제곱을 구하고, 아니라면 -1 처리하기 사용한 문법: 1. Math.sqrt() = 제곱근 구하기 2. if문 function solution(n) { var answer =0 if((Math.sqrt(n)%1)==0){ answer= ((Math.sqrt(n)+1)**2) }else(answer= -1) return answer; }

Axios 설치 npm install axios axios를 사용하여 데이터 받아오기 const Home = () => { const [item,setItem] = useState([]); useEffect(()=>{ axios.get('https://openmarket.weniv.co.kr/products/') .then((data)=>{console.log(data.data.results) }) .catch(()=>{console.log('실패!')}) }) useEffect를 사용하여 렌더링 할 때 axios로 상품 데이터를 받아옵니다. axios에서 사용할수있는 요청은 4가지입니다. GET: 데이터 조회 POST : 데이터 등록 및 전송 PUT : 데이터 수정 DELETE : 데이터 삭제 지금 해..

1. 렌더링 순서이슈 const Login = () => { async function login() { const email = document.querySelector("#email").value const password = document.querySelector("#pw").value const url = "#"; const reqPath ="/user/login"; const loginData = { "user":{ "email": email, "password": password } } const res = await fetch(url+reqPath,{ method:"POST", headers:{ "Content-type" : "application/json" }, body:JSON.stri..

콜라자판기 기능 요약 1. 소지금한도내에서 돈을 자판기에 입금한다. 2. 콜라를 선택하고 입금된 금액한도 내에서 획득한다. 3. 거스름돈을 반환한다. 1. 자판기에 돈 입금하기 만드는 과정에서 있었던 실수 입금버튼 기능을 잘못 이해함 입금액에 음수를 쓰면 소지금이 그만큼 늘어나는 현상 1) 입금버튼 기능을 잘못 이해함 소지금이 0원인상태에서 돈을 입금하면 소지금이 생기는, 소지금을 입금하는 버튼으로 오해함! ➜ HTML에서 소지금을 20000으로 입력해둠. 나중에 숫자만 빼기쉽도록 분리해둠 소지금 : 20000 원 2) 입금액에 음수를 쓰면 소지금이 그만큼 늘어나는 현상 소지금에서 입금액을 빼는 수식에서 생긴 버그, 값이 0보다 작은경우 튕기게했지만 음수x음수는 양수라서 뚫어버림.. result = pa..

6월 2일부터 6월 4일까지 JEJU 웹 컨퍼런스가 개최되었고, 한창 프론트엔드를 공부하는 나는 큰 관심이 생겨 제주도까지 날아가서 태어나서 처음으로 컨퍼런스, 학회에 참여해보게 되었다. 첫 날 참석한 강연은 총 4가지였다. Web3를 위한 인프라 개발자 = 콘텐츠 크리에이터 비 온 뒤에 단단해지는 땅처럼 : 신입 개발자들의 학습과 성장 이야기 타입스크립트와 캔버스로 만드는, 토이 프로젝트 개발기 1. Web3를 위한 인프라 - DSRV | 현수영 평소 웹3에 관심을 갖고 혼자서 이것저것 찾아보며 메타마스크, 카이카스를 이용해서 이더리움,폴리곤,클레이튼, 옵티미즘등 다양한 경험을 해본 나로서 현업에서 일하는 전문가의 강연을 들어보게 되었다. 강연에서는 블록체인, 스마트컨트랙, 웹3기술이 어떻게 쓰일지, ..

let 사람 = { name: "Park", age: 30, nextAge() { return this.age + 1; }, }; 사람.nextAge; 함수를 만들어서 object 데이터를 다루는 이유 1. object 자료가 복잡할 때 굿 2. object 자료 수정해야 할 때 , 함수를 만들어두면 편함 let 사람 = { name: "Park", age: 30, nextAge() { return this.age + 1; }, setAge(나이) { this.age = 나이; }, }; 사람.age = '20'; // 그냥 이렇게 만들면 쉬운데 왜 굳이 setAge() 만듬? this.age = parseInt(나이); ==> 이렇게 데이터 수정시 미리 검사 가능해서 , 안전장치 (숫자 넣어야하는데 문..

extends : 유사한 class를 하나 더만들고 싶을때! -> class 상속 class 할아버지 { constructor(name) { this.성 = "Kim"; this.이름 = name; } } let 할아버지1 = new 할아버지("냐옹이"); 그냥 class로 만들면 이런형식임 extends를 써보자 ! 하는김에 내용도 추가해보자 class 할아버지 { constructor(name) { this.성 = "Kim"; this.이름 = name; } } class 아버지 extends 할아버지 { constructor() { this.나이 = 50; } } let 아버지1 = new 아버지(); 이렇게 하면 되겠찌? extends에는 this를 사용할수없다!! 내용을 추가하고 싶을땐 supe..

1. Object.create let 부모 = {name:"kim", age:50}; let 자식 = Object.create(부모); //