본문 바로가기

Programming

(12)
[JavaScript] forEach와 map의 차이점 요약 'forEach'는 배열 각 요소에 대한 연산이 결과를 반환할 필요 없이, 단순히 실행만 필요할 때 적합합니다. 'map' 은 배열의 각 요소를 새로운 값으로 변환하여 그 결과를 새로운 배열로 필요로 할 때 사용됩니다. 공통점 1. 배열 순회 두 함수 모두 배열의 모든 요소를 순회하면서 주어진 함수를 각 요소에 적용합니다. 2. 함수 실행 'forEach'와 'map' 모두 콜백 함수를 매개변수로 받습니다. 이 콜백 함수는 배열의 각 요소에 대해 실행됩니다. 3. 고차 함수 두 함수 모두 고차 함수입니다. 즉, 함수를 인자로 받고, 'forEach'는 기능 수행을, 'map'은 새로운 배열을 결과로 제공합니다. 차이점 1. 반환 값 forEach 아무런 값을 반환하지 않습니다. (undefined ..
[JavaScript] 한글 파일(.hwp) 양식에 맞춰 출력하기 개요 회사에서 공공기관 관련 프로젝트 진행 중 한글파일의 양식을 이용해 기입한 값을 양식에 맞춰 삽입 후 출력할 수 있는 기능이 필요해 구현했습니다. 구현 1. 한글 양식 파일 얻기 우선 출력해야하는 양식이 다음과 같다고 예를 들겠습니다. . 해당 양식에 맞춰 파일을 얻기 위해 "파일" > "다른 이름으로 저장하기" 를 해줍니다. 이때 파일 형식을 "서식 있는 인터넷 문서 (*. html)"로 변경해 주세요 저장된 폴더를 확인해 보면 다음과 같이 html , css 파일과 만약 이미지가 있었다면 이미지 파일도 함께 저장된 것을 확인할 수 있습니다. 2. HTML 실행시켜 보기 vscode에 파일이 저장된 폴더를 업로드합니다. html 파일을 live server로 실행시키면 html에서 css와 이미지 ..
[JavaScript] 최단 경로 찾기 A* 알고리즘 해당 게시글은 제가 구현한 A* 알고리즘 JS 코드에 대한 글입니다. A* 알고리즘이 무엇인지 궁금하신 분은 다음 게시글을 참고 바랍니다. https://velog.io/@1ncursio/%EC%97%90%EC%9D%B4%EC%8A%A4%ED%83%80-%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98%EC%97%90-%EB%8C%80%ED%95%B4-%EC%95%8C%EC%95%84%EB%B3%B4%EC%9E%90 A* 알고리즘을 사용한 이유 프로젝트 진행 중 시작 지점과 목표 지점의 좌표가 있고 그 사이에 장애물 좌표가 있는 경우 목표 지점에 도달할 수 있는 최단 경로를 구하는 알고리즘이 필요했습니다. 최단 경로를 찾는 알고리즘으로는 대표적으로 다익스트라와 A* 알고리즘이 있지만 다익..
[Spring Boot] MVC 패턴 (vscode) 컨트롤러 생성. (HelloController.java) 코드 해석 @GetMapping("hello-mvc") : get 방식으로 hello-mvc라는 값이 넘어온다면 아래의 코드를 실행시키겠다. public String helloMvc(@RequestParam("name") String name, Model model) : 함수 helloMvc 를 선언할 것이며 해당 함수에서는 파라미터로 얻은 name 값을 name이라는 문자열 변수에 담을 것이며model이라는 변수로 Model을 사용하겠다. model.addAttribute("name", name); : 모델 안에 속성을 추가하겠다. name이라는 속성에 방금 얻어온 파라미터 name 값을 넣어주겠다. return "hello-template"; ..

728x90