CASSIE'S BLOG

개인 프로젝트를 하다가 동적이름을 속성으로 정하고싶을 떄 [] 이거를 쓰라는 내용을 인터넷에서 찾았다. import "./newProduct.css"; export default function NewProduct() { const [inputs, setInputs] = useState({}); const [file, setFile] = useState(null); const [cat, setCat] = useState([]); //NOTE: Take previous one and return the new one const handleChange = () => { setInputs(prev=>{ return {...prev, [e.target.name]: e.target.value} }) } const..

Promise의 내부에서 resolve 함수를 호출하는 부분은 Promise 생성자 함수 내부입니다. 개발자는 Promise를 생성할 때 new Promise를 사용하고, 그 안에 비동기 작업을 정의합니다. 이때 resolve 함수를 개발자가 직접 호출하여 비동기 작업이 성공적으로 완료되었음을 알립니다. 예를 들어, 다음과 같이 resolve 함수를 호출합니다: new Promise(function(resolve, reject) { // 비동기 작업 수행 // 성공 시 resolve("성공적으로 완료됨"); // 실패 시 // reject("에러 발생"); }) 그러면 new Promise 안에 콜백함수로 resolve, reject 함수 정의했는데 resolve말고 다른 이름을 쓸 수 있는거야?? ne..

올바른 사용 예시는 다음과 같습니다: ```javascript let x = (function(y) { return y + 5; })(3); console.log(x); ``` 위 코드에서 `(function(y) { return y + 5; })(3)` 부분이 함수를 정의하고 즉시 호출하는 구조입니다. 이로써 `3`이 함수의 매개변수 `y`로 전달되고, 최종적으로 `3 + 5`인 `8`이 변수 `x`에 할당됩니다. 즉시실행함수: 이 부분이 진짜 이해가 안됨 (function() {})(); 이게 어떤 구조인거야? 이 구조는 즉시 실행 함수(IIFE - Immediately Invoked Function Expression)라고 불리며, 함수를 정의하고 즉시 실행하는 패턴입니다. 이 구조는 다음과 같이 ..

추후 업뎃

Map 과 Set • 객체 : 키가 있는 컬렉션을 저장 • 배열 : 순서가 있는 컬렉션을 저장 ✅Map (맵) • 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다. • 키가 있는 데이터를 저장한다는 점에서 객체와 유사하다. • 맵은 키에 다양한 자료형을 허용한다는 점에서 차이가 있다. • 즉. key와 value 의 쌍을 저장하며 각 쌍의 삽입 순서도 기억하는 컬렉션이다. • 맵은 객체와 달리 키를 문자형으로 반환하지 않는다. • 키에 자료형 제약이 없다 ✅ 셋(set) • 중복을 허용하지 않는 값을 모아 놓은 특별한 컬렉션 • set에 키가 없는 값이 저장된다. 엄청 잘 정리해주신 사이트: https://lakelouise.tistory.com/38..

자바스크립트 코드는 "소스(Source)" 또는 "스크립트(Scripts)" 탭에서 확인할 수 있습니다. 이 탭에서는 웹 페이지에서 사용된 모든 스크립트 파일 및 인라인 스크립트의 내용을 확인할 수 있습니다. 일반적으로 주요 자바스크립트 파일은 "index.js" 또는 비슷한 이름을 가진 파일일 가능성이 높습니다. 따라서 "소스" 탭에서 "index.js" 파일을 찾아 해당 파일을 클릭하면 해당 파일의 코드를 볼 수 있습니다. 그러나 주의해야 할 점은 코드가 난독화되어 있거나 번들링된 경우에는 원래의 소스 코드보다 이해하기 어려울 수 있습니다. 몇몇 사이트에서는 보안상의 이유로 코드를 난독화하거나 번들링하여 사용할 수 있습니다. 번들링: 번들링은 여러 개의 파일을 하나로 묶거나 결합하는 프로세스를 의미합..