smile-haha

javascript에서 모바일/pc 여부를 확인하려면 navigator.ugeragent 값이 필요하다. navigator는 사용자 에이전트(브라우저 등 웹에 접근하는 프로그램)에 대한 정보를 가지고 있는 객체로다음과 같은 속성을 가지고 있다.bluetooth현재 문서의 Bluetooth 객체를 반환합니다. Web Bluetooth API의 기능에 접근할 수 있습니다.clipboard시스템 클립보드의 읽기, 쓰기에 접근할 수 있는 Clipboard 객체를 반환합니다.connection장치의 네트워크 연결 정보를 담은 NetworkInformation 객체를 반환합니다.contacts사용자에게 사용자의 연락처 목록에서 항목을 선택하고 그 항목의 제한된 세부 정보를 웹사이트나 애플리케이션과 공유할 수 있게 ..

D드라이브의 test 폴더를 가상 드라이브 T로 만들어보자  1. CMD 창을 열어 다음 명령어를 입력한다.subst T: D:\test  2. D드라이브의 test 폴더가 그대로 T드라이버로 간다.  3. 가상드라이버 T를 삭제하고 싶으면 CMD에서 다음 명령어를 입력한다.subst T: /d  ※ 이 가상 드라이브는 컴퓨터를 껐다 키면 사라집니다.매번 cmd 창에서 명령어 날리는 것이 번거롭다면, .bat 파일을 만들어놓자!test 폴더에서 우클릭, 새로만들기 > 텍스트 문서 > 파일명 변경(~~~.bat) > 메모장 등으로 아래 내용으로 수정컴퓨터 껐다 켰을때마다 가상드라이브를 잡아야 하는 경우, bat 파일로 만들어 놓고 해당 파일을 실행시키면 편하다.  도움이 되었으면 좋겠어요 : >

환경Spring Framework요구사항서버에 있는 .min.js와 css와 images 폴더를 zip 파일로 다운로드프론트 1. html 영역hahaApi 다운로드 2. javascript 영역function downloadAPI(apiName){ // 컨트롤러 경로 var url = `/apiDownload?apiName=${apiName}`; // 새로운 엘리먼트 생성 var link = document.createElement("a"); // 다운로드할 파일의 URL 설정 link.href = url; // 다운로드할 파일의 이름 설정 link.download = url.substring(url.lastIndexOf("/") + 1); // body에 추가 d..

웹 개발을 하면서 매번 헷갈리는 URL과 URI 개념 한번 정리해 봐요.간단히 정의하면 아래 그림과 같아요!  URL(Uniform Resource Locator) 인터넷에서 웹 페이지, 이미지, 비디오 등 리소스의 위치를 가리키는 문자열.스키마(사용할 프로토콜, 리소스에 어떻게 요청 및 접근할 것인지를 명시한다. HTTP/HTTPS/FTP 등)를 포함  URI (Uniform Resource Identifier, 통합자원식별자) 인터넷에 있는 자원을 나타내는 유일한 주소URL을 포괄하는 개념  즉, 스키마를 포함하는 풀경로를 사용하는 경우, URL을 쓰던, URI를 쓰던 상관없다! 내 고민은 쓸데없던 것.. 그래도 소스 코드에 URI URL이 혼용되어 있으면 혼란스러우니, 하나로 통일해서 쓰는 것이 좋..

최근에 톰켓 버전을 올렸는데,톰켓 버전이 올라서 그런지 톰켓 기동 중 오류가 발생했는데,어떤 오류가 발생했는지에 대해서는 정보가 없고, 아래 메세지만 나타났어요."아티팩트 배포중 오류가 발생하였습니다. 자세한 내용은 서버 로그를 참조하세요." 저는 하필 소스를 좀 많이 수정하고 실행시킨거라서,어느 부분에서 에러가 난 건지 저 메세지만으로는 알 수가 없었지요... 서버 로그에 왜 상세 에러 메세지가 안나나 여기저기 서칭해 본 결과.톰켓 홈경로에서 conf>logging.properties.xml에서 프로퍼티를 수정하니까상세한 에러 로그를 볼 수 있었습니다. org.apache.catalina.core.ContainerBase.[Catalina].level=INFOorg.apache.catalina.core..

안녕하세요~ 최근에 IntelliJ로 환경을 바꾸면서기존에 사용하던 프로젝트를 IntelliJ로 열었는데요. node.js 프로젝트라서 크게 설정할 것 없이 열어서 바로터미널에서 "yarn start"로 실행해서 개발 했었는데요, 다른 설정을 하던 중에, 컴퓨터를 껏다 킬 일이 있었어요.그런데 기존에 프로젝트 도구 창에서 폴더들이 안보이는거예요!그래서 이게 뭔가하고 한참 검색해봤는데, 알고보니까 모듈 설정이 안 되어있던거였어요! 상단 메뉴에서 File(파일) > Project Structure(프로젝트 구조) 왼쪽 메뉴에서 Modules(모듈) 탭 클릭여기까지 오면, 모듈 목록에 모듈이 없을거예요~  그럼 +  버튼을 눌러서 모듈 추가 진행하시면 되요~  프로젝트 경로 선택하고, 해당 프로젝트가 reac..

안녕하세요?제가 얼마 전에 이클립스에서 인텔리제이로 갈아탔어요~ 인텔리제이가 좋다 해서 비~싼 돈 내고 구매했는데,아직 잘 활용하지는 못하는 것 같아요~ㅎㅎ 쓰는 방법도 공부해서잘 한번 활용해 봐야죠~ 기존에 이클립스에서 이용하는 프로젝트를인텔리제이로 열었는데,그럼 이 프로젝트가 이클립스 프로젝트냐? 메이븐 프로젝트냐?선택하라 그래요.그래서 이클립스 프로젝트라고 선택했는데, 그러니까 우측에 maven view가 안보이더라고요~원래 저 빨간 네모 부분에 maven 아이콘이 있어야 되거든요~ 그래서 찾아보니~왼쪽 프로젝트 영역에서 pom.xml 파일을 찾아 우클릭~"+ Maven 프로젝트로 추가"하면~   이렇게~maven view가 생깁니다~

^0\d{1,2}(-|\))\d{3,4}-\d{4}$1. (일반적인) 이메일 특징 이메일 주소는 [ 로컬 부분 ]@[ 도메인 부분 ]으로 구성됨 1) 로컬 부분 - 대문자 및 소문자 라틴문자, 숫자 - 특수문자는 대부분 점(.), 밑줄(_), 하이픈(-)만 허용   점(.)은 연속으로 사용하지 않은 경우에 허용 2) 도메인 부분 - 대문자 및 소문자, 숫자 - 특수문자 하이픈(-) 허용 - 도메인은 반드시 숫자나 문자로 시작해야  ※ 이메일 주소 관련 규칙은 위키피디아와 한국인터넷정보센터(KRNIC) 참고했어요 Email address - WikipediaFrom Wikipedia, the free encyclopedia Identifier of the destination where email mess..

오늘 일하다가 "ERR_WORKER_OUT_OF_MEMORY" 에러를 만났다. 해당 에러는 Node.js 환경에서 메모리가 부족할때 발생한다. 서칭결과 해결방법으로 다음과 같은 것들이 있다고 한다. 1. Node.js 최신 버전 업데이트2. 메모리 할당량을 늘리기 위해 Node.js를 시작할때 --max-old-space-size플래그를 사용한다. 저는 2번으로 해결했는데요,package.json에 start 명령어 정의해 놓은 부분에 --max-old-size 옵션을 정의했습니다.

react의 hook은 함수형 컴포넌트에서도 상태관리를 할 수 있게 useState, useEffect 등의 함수를 제공하여 기존의 함수형 컴포넌트에서는 할 수 없었던 다양한 작업을 할 수 있게 해준다. 내가 사용해본 hook은 useState, useEffect, useContext, useReducer, useMemo, useRef이다. 이번에 복직 준비하면서 다시 api를 보니 여러 hook이 있어 기존의 hook과 함께 공부하고 정리해 보려고 한다. 오늘은 상태를 관리하는 useState, useReducer, useContext 만! 1. useState 상태 값과 상태 갱신함수를 반환하는 hook. 초기값은 매개변수로 설정. - 배열, object, 숫자, 문자열 등 간단한 데이터를 다룰 때 ..