본문 바로가기

부트캠프교육중301

[JS] 함수 add() -이름으로 정의된 함수(add)를 호출할때 괄호를 추가한다. -함수가 필요한 모든 매개변수가 괄호 안에 들어가거나 매개변수가 필요하지 않은 경우 빈 괄호를 추가한다. someButton.addEventListener('click', add); -함수를 바로 실행하고 싶지 않을때 -미래의 어느시점(일부 이벤트가 발생할때) 실행되길 원할때 someButton.addEventListener('click', add()); 이건 잘못된 코드이다!!! 2023. 11. 2.
[JS] repeat 프로그래머스 핸드폰번호 가리기 문제 풀다가 *******4444 이렇게 *를 여러개 표현하는 방법에 대해서 고민을 했다. 내가 푼 코드 function solution(phone_number) { // var answer = ''; // return answer; //map이용하면 좋을듯 //길이가 11이면 11-4=7 (0,7) let front = phone_number.slice(0,phone_number.length-4); let back = phone_number.slice(phone_number.length-4, phone_number.length); let aaa = back.split('') let bbb =(front.split('')).map((el)=> "*") return (Stri.. 2023. 11. 2.
[JS] while 프로그래머스 콜라츠추측 문제를 풀다가 결과로 나온 수에 같은 작업을 1이 될 때까지 반복합니다. 이렇게 만족하는 결과가 나올때까지 무한 반복하는 구현을 어찌할지에서 막혔다. 근데 while을 이럴때 이용하면 된다! while문의 조건을 true로 하면 while문은 영원히 실행되게 된다. 이때 조건절로 종료할수 있도록 처리하기 위해서는 break문을 사용하면 된다. let answer; while(true){true일경우 시행할내용}; if(answer === 1){ break; } while문을 이용한 문제풀이 function solution(num) { let answer = 0; //몇번 도는지 while( num !== 1){ if(num % 2 === 0){ num = (num / 2); } e.. 2023. 10. 31.
[React] 진짜 미친 Framer motion이다 {!clicked ? : null} {clicked ? : null} 이렇게 하면 따로따로 원래 리액트 하던것처럼 작동하던게 {!clicked ? : null} {clicked ? : null} layoutId를 동일하게 붙이는 순간 둘사이의 이동으로 연결된다 !!! 진짜 Crazy!!!!! Funking Crazy!!!!!!!!!!!!! 완성코드 import { motion, AnimatePresence } from "framer-motion"; import { useState } from "react"; import styled from "styled-components"; const Wrapper = styled(motion.div)` height: 100vh; width: 100vw; displa.. 2023. 9. 11.