연습장

https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Component/#_2-state-setstate-render Vanilla Javascript로 웹 컴포넌트 만들기 | 개발자 황준일Vanilla Javascript로 웹 컴포넌트 만들기 9월에 넥스트 스텝open in new window에서 진행하는 블랙커피 스터디open in new window에 참여했다. 이 포스트는 스터디 기간동안 계속 고민하며 만들었던 컴포넌트junilhwang.github.io ssr 에서 csr 로 넘어오면서 브라우저에서 렌더링하며 서버에서는 필요한 정보만 전달해주는 형태로 변화DOM 을 직접 다루기 보다는 state 의 변화에 따라서 DOM 을 리렌더링한다. ..

JavaScript 모듈에서 항목을 내보내는 방법. export default한 모듈에서 오직 하나의 기본 항목만 내보낼 수 있습니다.임포트할 때 중괄호 없이, 이름 변경가능  // 모듈 파일 (example.js)export default function greet() { console.log('Hello'); }// 임포트 파일import greet from './example.js';  export모듈에서 여러 항목을 내보낼 수 있습니다.각 항목에 대해 이름을 지정하여 내보냅니다.임포트할 때 중괄호를 사용, 이름 고정 // 모듈 파일 (example.js)export function greet() { console.log('Hello'); }export const number = 42;// 임포트 ..

// f(n) = f(n-1) + f(n-2) // 피보나치 수열 점화식function solution(n) {    let answer = 0;    let temp = [1,2]        if(n == 1){        return temp[0]    }    else if(n == 2){        return temp[1]    }    else {        for(let i = 3; i n ; i++ ){            answer = (temp[0] + temp[1]) % 1234567            temp[0] = temp[1]            temp[1] = answer        }        }    return answer}  특이한점 숫자가 너무 커..

https://chatgpt.com/  gpt 님이 말씀하시길... 필요한 기능라우팅: URL 변경 없이도 다양한 "페이지"를 표현하고, 사용자가 네비게이션을 통해 이동할 수 있어야 합니다.뷰 렌더링: 각 "페이지"에 해당하는 콘텐츠를 동적으로 로드하고 화면에 표시할 수 있어야 합니다.이벤트 처리: 사용자 상호작용(예: 링크 클릭)에 반응하여 적절한 페이지를 로드하고 화면을 업데이트할 수 있어야 합니다.상태 관리: 필요한 경우 애플리케이션 상태를 관리하고, 페이지 간에 상태를 공유하거나 전달할 수 있는 방법이 필요합니다.히스토리 관리: 브라우저의 뒤로가기, 앞으로가기 버튼을 지원하고, URL의 해시(#)를 이용해 브라우저 히스토리를 관리할 수 있어야 합니다. 구현 단계기본 HTML 및 CSS 설정:HTM..