본문 바로가기

전체 글29

[JavaScript] 자바스크립트 CallBack 자료들을 찾아보던 중 callback 이라는 단어가 보여서 대충 뭔가 부르는 뜻인가보다 라고 생각하면서 있었는데 어느순간 궁금해져서 공부해보게 됐다. 자바스크립트는 이벤트 기반 언어이기 때문에 다음 명령을 실행하기 전에 다른 이벤트를 계속해서 실행시킨다=>병렬적으로 작동하는 방식인듯? 이라고 생각했으나=> 비동기 작업을 효율적으로 처리하기 위해 이벤트 루프와 태스크 큐를 사용하여 단일 스레드에서 비동기 작업을 순차적으로 실행한다고 한다.=>순차적으로 실행하기 때문에 병렬작업이 아님! 밑은 예시한줄씩 읽기 때문에 first() 함수부터 출력됨 다른 예시 first 함수 안에 setTimeout 이 존재한다 때문에 setTimeout 함수부터 호출하고 first() 를 호출한다때문에 first()를 먼저 호.. 2024. 6. 25.
모달창을 사용하는 이유 명세표 입력을 누르면 모달창을 띄워 데이터를 입력시키려고 계획했었다 하지만 의문이 들었다 나는 왜 모달창을 사용해서 화면을 만드려고 하는것인가? 그래서 모달창의 용도? 부터 공부하기위해 여러가지 검색해봤다 모달창의 주요 기능직관적인 사용자 경험 제공: 모달창은 사용자가 현재 작업 흐름을 떠나지 않고 추가 정보를 제공하거나 입력할 수 있도록 도와준다. 사용자는 모달이 나타나면 배경이 어두워지는 것을 보고, 현재 작업을 잠시 멈추고 있음을 알 수 있다.공간 절약: 추가 정보나 작은 작업을 위해 새로운 페이지를 로드하지 않고도 모달창 내에서 처리할 수 있다. 이는 사용자가 원래 페이지를 벗어나지 않고도 추가 작업을 할 수 있도록 한다.시각적 집중: 모달창이 나타나면 사용자는 그 내용에 집중할 수 있다. 배경이.. 2024. 6. 21.
상태코드 405 서버 오류 (Postman 사용) 일단 코드 관리는 API로 React 에 넘겨주고 받을 생각이다. 때문에 데이터가 페이지로 보내지는지 확인할 필요가 있었다. 먼저 DB에 폐기물 분류 코드들을 넣고 Controller 로 데이터를 뿌리는 코드부터 먹히는지 테스트를 해보자@RequestMapping(value = "/codes/classifications", method = RequestMethod.POST, produces = "application/json; charset=UTF-8")@ResponseBody //@RequestMapping 의 형태는 name = value 형태가 되어야한다public Map CodeController(Common common) { Map resultMap = new HashMap(); Li.. 2024. 6. 20.
[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.

티스토리툴바