본문 바로가기

Front-End/JavaScript4

[JavaScript] 2025-08-12 공부 내용 배열이 비었을때 undefined 가 보이는 이유는 그저 javascript 시스템 때문임JavaScript에서 빈 배열의 첫 번째 요소([]의 [0])에 접근하면 undefined가 반환되기 때문.. 2025. 8. 12.
날짜를 가져와 변환 시킨후 테이블에 입력하기 gemini 한테 얻은 코드중에 내걸로 만들면 좋은 코드가 들어있어서 분석 후 정리를 남긴다interface Post { nickname: string; title: string; content: string; created_at: string;}const [posts, setPosts] = useState([]); 생성날짜 {posts.map((post, index) => { // 날짜 포맷팅 (YYYY-MM-DD) const date = new Date(post.created_at); const formattedDate = date.getFull.. 2025. 8. 12.
[JavaScript] 자바스크립트 CallBack 자료들을 찾아보던 중 callback 이라는 단어가 보여서 대충 뭔가 부르는 뜻인가보다 라고 생각하면서 있었는데 어느순간 궁금해져서 공부해보게 됐다. 자바스크립트는 이벤트 기반 언어이기 때문에 다음 명령을 실행하기 전에 다른 이벤트를 계속해서 실행시킨다=>병렬적으로 작동하는 방식인듯? 이라고 생각했으나=> 비동기 작업을 효율적으로 처리하기 위해 이벤트 루프와 태스크 큐를 사용하여 단일 스레드에서 비동기 작업을 순차적으로 실행한다고 한다.=>순차적으로 실행하기 때문에 병렬작업이 아님! 밑은 예시한줄씩 읽기 때문에 first() 함수부터 출력됨 다른 예시 first 함수 안에 setTimeout 이 존재한다 때문에 setTimeout 함수부터 호출하고 first() 를 호출한다때문에 first()를 먼저 호.. 2024. 6. 25.
사용했던 유용한 JS 함수 정리 onresizewindow.onresize = function(event) { console.log("창의 너비: " + window.innerWidth); console.log("창의 높이: " + window.innerHeight);};윈도우 창의 크기가 바뀔 때 발생하는 이벤트를 처리하는 함수 2024. 5. 1.