Front-End12 [JavaScript] 자바스크립트 CallBack 자료들을 찾아보던 중 callback 이라는 단어가 보여서 대충 뭔가 부르는 뜻인가보다 라고 생각하면서 있었는데 어느순간 궁금해져서 공부해보게 됐다. 자바스크립트는 이벤트 기반 언어이기 때문에 다음 명령을 실행하기 전에 다른 이벤트를 계속해서 실행시킨다=>병렬적으로 작동하는 방식인듯? 이라고 생각했으나=> 비동기 작업을 효율적으로 처리하기 위해 이벤트 루프와 태스크 큐를 사용하여 단일 스레드에서 비동기 작업을 순차적으로 실행한다고 한다.=>순차적으로 실행하기 때문에 병렬작업이 아님! 밑은 예시한줄씩 읽기 때문에 first() 함수부터 출력됨 다른 예시 first 함수 안에 setTimeout 이 존재한다 때문에 setTimeout 함수부터 호출하고 first() 를 호출한다때문에 first()를 먼저 호.. 2024. 6. 25. 모달창을 사용하는 이유 명세표 입력을 누르면 모달창을 띄워 데이터를 입력시키려고 계획했었다 하지만 의문이 들었다 나는 왜 모달창을 사용해서 화면을 만드려고 하는것인가? 그래서 모달창의 용도? 부터 공부하기위해 여러가지 검색해봤다 모달창의 주요 기능직관적인 사용자 경험 제공: 모달창은 사용자가 현재 작업 흐름을 떠나지 않고 추가 정보를 제공하거나 입력할 수 있도록 도와준다. 사용자는 모달이 나타나면 배경이 어두워지는 것을 보고, 현재 작업을 잠시 멈추고 있음을 알 수 있다.공간 절약: 추가 정보나 작은 작업을 위해 새로운 페이지를 로드하지 않고도 모달창 내에서 처리할 수 있다. 이는 사용자가 원래 페이지를 벗어나지 않고도 추가 작업을 할 수 있도록 한다.시각적 집중: 모달창이 나타나면 사용자는 그 내용에 집중할 수 있다. 배경이.. 2024. 6. 21. [Node.js] 버전 중요성 내가 사용하고 싶은 Template 을 적용하던 중 템플릿에 적용된 모든 pakage.json 내용을 한줄 한줄 체크하면서 적용하고 npm install을 실행해 필요한 의존성을 모두 다운받으려 했는데 자꾸 충돌이 일어나는 것이었다..C:\Users\----\OneDrive\Desktop\ProjectCollection\src\main\frontwst>npm installnpm warn deprecated osenv@0.1.5: This package is no longer supported.npm warn deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecatednpm warn deprecated npm.. 2024. 6. 12. [Front-end] 모듈 번들 themewagon에서 템플릿을 찾아보다가 맘에드는 템플릿을 발견했다 tailwindcss 템플릿이었는데 마침 저번에 혼자 React,Tailwindcss 를 사용해서 쇼핑몰 메인 홈페이지 클론코딩을 해봤던 경험이 있기에 당당하게 다운로드했다.생각보다 템플릿을 적용하는게 쉽지가 않다... 정보도 몇개 없는거 같고.. 그리고 tailwindcss 만 받으면 될 줄 알았는데 gulpfile.js 라는 파일이 있어서 검색해봤더니 자동화를 도와주는 친구라는데... 사용해보려고 공부했다. 일단 gulp는 bundler의 일종이라 이것에 대해서 공부해야했다번들러는 여러개의 파일을 묶어주는 도구인데 Webpack의 기능은 하나의 자바스크립트 파일에 자바스크립트 뿐만 아니라 css, 이미지와 같은 여러가지 모듈들을 .. 2024. 6. 9. 이전 1 2 3 다음
