본문 바로가기
반응형

전체 글202

opener - popup관련, 자식 부모창 제어하기 - opener 브라우저에는 메인 화면과 팝업창이 존재할 때 가 있다. 이때 팝업창과 메인 화면에서 데이터를 서로 이용하거나 이벤트를 전달해야할 때 가 있다. 이럴 때 사용할 수 있는 개념이 'opener'다. - 사용법 어차피 필요하면 찾아서 사용하게 되는데 내가 오늘 사용한 개념만 간단히 정리하자. 자식에서 부모값을 사용할 수 있고 부모에서 자식값을 사용할 수 있다. 부모란 메인페이지를 말하고 자식이랑 팝업창을 말한다. - 실습 노란창이 부모고, 빨간창(팝업)이 자식이다. var a = 10 window.open() // 팝업 열기 위한 명령어 이와같이 부모창의 콘솔에서 변수를 만들어주고 팝업을 열어주었다. opener.a window.opener 라고 사용해도되지만 자식창에서 opener.a를 입력.. 2023. 5. 26.
502 error - 502 에러란? HTTP 502 오류는 서버와 클라이언트 간의 통신 중에 발생할 수 있는 오류 이 오류는 "Bad Gateway"라고도 알려져 있으며, 일반적으로 프록시 서버나 게이트웨이 서버가 클라이언트의 요청을 처리할 때 발생하는 문제를 나타낸다. 즉 서버간에 통신이 잘 안되는 상황인데 개발중에 발생 했다면 임시적으로 처리하는 방법이 있다. ->통신하는 부분을 주석처리하거나 return처리! 2023. 5. 26.
Multiple annotations found at this line 에러 (이클립스) JSP 메인 화면이 불러오지 않는 오류가 발생했다. 일단 오류 메세지는 Multiple annotations found at this line .... 내용이었고 찾아본 결과 2가지 해결방법이 있었다. 1.@NoArgsConstructor 추가하기 파라미터가 없는 기본 생성자를 만들어준다. 이것을 추가해준것만으로도 해결은 되었는데 다른 PC환경에서는 없이도 잘 되었기 때문에 다른방법도 찾아봐야했다. 그리고 사실 @NoArgsConstructor 는 기본으로 넣어주는게 정석이라고 하는데 관련해선 공부를 해봐야겠다. 2.lombok build문제 해결 repository\maven\repository\org\projectlombok\lombok 경로 관련해서 build()문제라고 나왔는데 라이브러리를 삭제했.. 2023. 5. 24.
elipse에서 tomcat 서버실행 오류 날 때 -자식 컨테이너를 시작 중 실패 했습니다. -왜냐하면 만료된 캐시 엔트리들을 없애버린 이후에도 여유 공간이 충분하지 않기 때문입니다 이와같은 오류가 났을 때 해볼 수 있는방법 1.프로젝트 클린 2.서버클린 3.톰캣 워크디렉토리 클린 4.아래 문구 추가해서 캐쉬사이즈 늘려주기 톰캣의 context.xml파일 톰캣 설치경로 -> conf -> context.xml ps. 나의 경우에는 git ignore의 classpath설정 문제였다. - 참고한링크 https://yongku.tistory.com/entry/%ED%86%B0%EC%BA%A3Tomcat-%ED%86%B0%EC%BA%A3Tomcat-orgapachecatalinaLifecycleException-%EC%9E%90%EC%8B%9D-%EC%BB%.. 2023. 5. 24.
Javascript 기초 - 셀렉터, 돔조작, 웹js 기본, Alert UI만들기 - Javascript로 html 조작하기 글씨, 색, 사이즈 등 html, style, class등 필요한거 모두 찾아서 바꿀 수 있다. 안녕하세요 김지원 입니다. - UI만드는 단계 1.HTML/CSS로 미리 디자인 원하는 UI를 만들고 none으로 해놓음(alert의경우) 2.이벤트가 발생할경우(버튼클릭등) UI를 보여달라고 자바스크립트 코드 짜기 알림창 UI보이기 닫기 .alert-box { background-color: skyblue; padding:20px; color:white; border-radius: 5px; display: none; /* 평소에는 숨겨두기 */ /* 보여줄때는 display:block; */ } 2023. 4. 22.
HTML, CSS pseudo-class, class작명 - pseudo-class :를사용해 원래클래스의 스타일 변화를 줄 수있는 셀렉터 그리고 hover > focus > active순으로 사용해야 정상 작동한다. input과 link(클릭 전후)태그에도 사용이 가능하다. /* pseudo-class 수도클래스 순서 hover > focus > active 로 사용해야 정상작동*/ .btn:hover{ background-color: chocolate; } .btn:focus{ /* 커서 찍혀있을 때 */ background-color: grey; } .btn:active{ /* 누르고 있는 상태일 때 */ background-color: brown; border:2px solid black; } .input-test{ font-size:20px; } .i.. 2023. 4. 22.
반응형

티스토리툴바