JudithHopps JudithHopps

오늘도 프로그래머스 코딩테스트 연습 풀다가 부족한 개념이 보여 정리를 하려고 한다. https://school.programmers.co.kr/learn/courses/30/lessons/120864 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 이 문제에서 정규 표현식을 사용하면 조금 더 쉽게 문제를 풀 수 있다. 정규표현식이란 ? 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어이다. 즉, 문자열에서 특정 문자 조합을 찾기 위한 패턴이라고 생각하면 된다. 정규식 플래그 기호 의미 g 전역 검색 (모든 검색 결과 반환) m 줄바꿈 검색..

실수 1. 올림 : Math.ceil(); 2. 반올림 : Math.round(); 3. 내림 : Math.floor(); 4. 소수점 자리 지정 (3.22).toFixed(1); // 3.2 splice 메서드 - 배열 요소 추가 삭제 Array.prototype.splice() 메서드는 배열의 특정 위치에 배열 요소를 추가하거나 삭제하는데 사용합니다. 리턴값은 삭제한 배열 요소입니다. 삭제한 요소가 없더라도 빈 배열을 반환합니다. /* 배열 임의의 위치에 요소 추가 제거 */ // start - 수정할 배열 요소의 인덱스 // deleteCount - 삭제할 요소 개수, 제거하지 않을 경우 0 // el - 배열에 추가될 요소 arr.splice(start, deleteCount, el); var a..

프로그래머스 정수판별 문제를 풀다가 메소드를 알지 못해 문제를 못풀어서 작성하게 된 포스팅이다. 자바스크립트 pow / sqrt 란? pow 는 특정숫자의 거듭제곱 값을 계산해주는 함수 sqrt 는 특정숫자의 제곱근 값을 계산해주는 함수입니다.​ ex) Math.sqrt(16) // 4 (제곱근 출력) Math.pow(4,2) // 16 (4의 제곱근 출력)

프로그래머스 코딩테스트 연습문제를 풀다가 reduce 메소드의 사용이 헷갈려서 정리하는 시간을 갖게 되었다. reduce() 메서드란? reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서 (reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. 예시) 리듀서 함수는 네 개의 인자를 가진다. 누산기 (acc), 현재 값 (cur), 현재 인덱스 (idx), 원본 배열 (src). 리듀서 함수를 풀면 아래 왼쪽 긴 코드 대신 오른쪽 코드처럼 간결하게 작성 가능하다.

1. 유니티 build 작업 - 매뉴얼대로 행동(https://learn.microsoft.com/ko-kr/windows/mixed-reality/develop/unity/build-and-deploy-to-hololens) a. 모든 씬 추가 후 build 폴더 생성 후 build b. 아래 폴더 참고(.sln 파일 앞 이름은 프로젝트 이름) 2. Visual Studio 배포 작업 - 매뉴얼대로 행동(https://learn.microsoft.com/ko-kr/windows/mixed-reality/develop/advanced-concepts/using-visual-studio?tabs=hl2) a. Release / ARM / 원격컴퓨터로 설정 - ARM64로 설정시 빌드 오류 b. 머신 이름 ..

사담 유니티 환경 구축으로 일주일 넘게 엄청난 애를 썼다. 학교 수업 [HCI 개론] 수업에서 저희 조는 홀로렌즈를 이용한 프로젝트를 만들기로 했다. 팀원과 본인 모두 유니티, C#, 홀로렌즈 모든 것이 처음이였다. 환경 구축에서 애를 먹어서 중간에 포기 직전까지 가서 교수님께 메일도 보냈었다.... 환경 구축 과정 1. 유니티 hub 설치 - 용량이 크기 때문에 컴퓨터 드라이브 용량을 확인하길 바란다. 2. 유니티 editor 설치 3. 비쥬얼 스튜디오 설치 - mrtk 패키지를 이용해야 하기 때문에 microsoft 홈페이지에서 설치해야 하는 패키지 확인하시길 바란다. - 많은 시간 투자를 생각해야 한다. 참고 링크 : https://learn.microsoft.com/ko-kr/windows/mix..

A. 헤더 1. 로고 사진 반응형으로 width 수정 .image-wrapper{ width:50%; } .logo { max-width: 100%; height: auto; } 2. 로그인 시 프로필 사진 표시 후 드롭다운 설정하기 My page 닉네임 수정 프로필 사진 수정 로그아웃 3. 헤더 화면 줄일 시 아이콘 밑으로 내려오는 것 수정 .headerDesign { max-width: 100%; margin: 0 auto; max-height:100%; } B. 헤더& 푸터 상관관계 1. 헤더 디자인 - 푸터 디자인 위치 맞추기 class="d-flex align-items-lg-center me-4" C. 푸터 1. 푸터 바닥으로 붙이기 .footer { position: absolute; bot..

구현 화면 : 구현 방법 : home 화면에서 input 태그를 form으로 감싼다. input name을 설정한다. url 파라미터 값을 받아온다. const url = new URL(window.location.href); const urlParams = url.searchParams; let query = urlParams.get('query'); 원하는 곳에 배치한다.