Daisy's IT Blog

1. window.open(주소,팝업창이름,옵션); 2. var foo=document.[form name].[input name].value; - input 태그의 값에 접근하는 방법 3. self.close(); - 창 닫는거 관련해서, 익숙한 window.close() 외에도 parent.close(), self.close() 가 있음. 4. - a 태그에서 javascript 함수 호출 5. opener객체: 부모 창을 컨트롤 할 때 사용. - [자바스크립트] 'opener', 부모창과 자식창의 텍스트를 교환하자! https://runtoyourdream.tistory.com/211 - jQuery에서 부모창 제어/접근(opener, parent) https://bit.ly/3d8dxQK

1. 자바 협업환경 설정 - 팀에서 커밋하는데 내가 커밋한 파일을 다른 사람이 pull 받으면 package 경로가 깨지는 경우가 발생했다. - 역으로 다른 조원이 올린 커밋을 내가 받으면 package 경로가 깨졌다 ㅋ - 왜 자꾸 이러지 하고 봤더니 classpath가 서로 달라서 그런 것 같았다. 우리가 쓰는 라이브러리 하나가 .classpath 파일에 path가 다르게 되어있어서 그런 것 같았다. 처음에는 그 path를 수정하고 "우리 이제 라이브러리 경로 맞추자"라고 했는데, 나중에 .gitignore 만들었더니 문제가 해결되었다. - 알고보니 .gitignore 만들면서, .gitignore 내용 만들어주는 싸이트에서 우리 설정 입력하고 복붙했는데 거기에 .classpath, .project,..

1. 개발환경 - 우리 프로젝트에서 JSP + React로 하게 될 것 같은데, 그럼 대체 서버는 어떻게 해야하는걸까? - 관련글1. Spring Framework + react.js 연동 https://rimkongs.tistory.com/81 - 관련글2. React + SpringBoot 연동하여 환경 구축하기 https://kim6394.tistory.com/226 - 관련글3. Deploy React Applications in a Servlet Environment https://www.megadix.it/blog/create-react-app-servlet/ 2. 2차 프로젝트 - 그동안 HTML로 만들었던 페이지를 JSP로 만들어서 모듈화시켰다. - 매 페이지마다 중복되는 헤더/푸터를 중복..

1. Mac에 Java 개발 환경 셋팅 - jdk 설치, path 설정, Eclipse 설치, STS 설치, Tomcat 설치, STS에 Tomcat 설정, - 원래 사용하던 윈도우 노트북이 고장나서 새로 구입한 맥에 설치... 2. 2차 플젝 UI 작업 3. 왓챠에서 보고 영어표현 정리 https://webstudynote.tistory.com/99

1. :wq 저장 후 닫기, :q 닫기 - 이걸 몰라서... 여태까지 헤맸다니... - git bash 말고 CLI로 깃 하는법도 알아둬야겠다.

1. JavaScript 1) parcel parcel 파일명 2) forEach - forEach 메서드는 배열의 각 요소마다 한 번씩 함수를 호출. See the Pen forEach by Sujin Lee (@sujinlee_910616) on CodePen. 2. Bootstrap 1) alert-danger - alert 새 창이 아니라 기존 창에 뜨는 UI. 3. .기타 - .gitignore 파일의 위치: .git 폴더와 동일한 위치에!

1. Vanilla JavaScript 1) form 관련 이벤트 (1) submit: form의 정보를 서버로 전송하는 submit 시에 발생 (2) change: 폼 컨트롤의 값이 변경되었을 때 발생 (3) focus: 엘리먼트에 포커스가 생겼을 때 발생 (4) blur: 엘리먼트에 포커스가 사라졌을 때 발생 2) DOM 이벤트 https://www.w3schools.com/jsref/dom_obj_event.asp 3) blur vs focusout - blur : 해당 엘리먼트에 포커스가 해제되었을 때 발생. 버블링(X) focusout : 해당 엘리먼트에 포커스가 해제되었을 때 발생. 버블링 (O) - focusout과 blur 모두 엘리먼트에 포커스가 해제될 때 발생하는 이벤트인데, 둘의 차이..

1. gh pages - github.io 페이지를 이렇게 build 할 수 있구나 - deploy: build 폴더를 업로드 - npm run build하면 build 폴더를 얻는다 - deploy를 호출하면, predeploy가 deploy보다 먼저 자동적으로 실행된다. - npm run build npm run deploy 2. [JS] 33 Concepts of JavaScript - 개념 다시 다지고 있음. - JS는 형변환이 참... 헷갈리기 쉬운 것 같다. 실수하기 쉬울듯. - 블로그에 정리해야겠다.

1. [React] - 트랜스파일러 (혹은 트랜스포머 라고 불리기도) : 리액트 코드를 자바스크립트 코드로 바꿔주는 툴. Ex) 웹팩 - props : props를 통해 데이터를 전달. : 부모 컴포넌트가 자식 컴포넌트에게 주는 값. react는 props를 가져간다. : 자식 컴포넌트에서는 props를 받아오기만 하고, 받아온 props를 직접 수정할 수는 없다. - propTypes : 타입 체크할 때 사용. 내가 지정한 타입이 아닌 다른 타입의 prop이 들어오면 콘솔에 경고문 떠서 알 수 있다. - 람다식 => - 여러 컴포넌트들: https://reactjs.org/docs/react-component.html 2. 기타 - React로 영화 앱을 만들고 있다. - 지금 절반쯤 한 것 같은데....

1. [JS] 1) 템플릿 리터럴 : https://flik.tistory.com/53 - `(backtick) 을 사용해서 문자열을 표현한 것. - (1) 줄바꿈을 쉽게 할 수 있고 (2) 문자열 내부에 표현식을 포함할 수 있게 된다. - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals 2) createElement(), createTextNode(), appendChild() - createElement() : 요소(element)를 만든다. - createTextNode() : 선택한 element에 text 추가 - appendChild() : 선택한 element에 자식 element 추가 ht..