728x90 반응형 웹개발지식쌓기59 [front] $(document).ready(function(){}) 자바스크립트 버전? $(document).ready(function(){}) 자바스크립트 버전을 찾아보면 아래 script가 나온다. EventTarget.addEventListener(event, function()) 함수는 EventTarget에 event가 발생 했을 때, function() 을 작동시킨다. 그렇다면 document 에서 발생하는 DOMContentLoaded 이벤트는 무엇일깡 간단한 결론만 말하면, HTML문서가 완전히 파싱 / 로드되기 전에, DOM 트리가 완성되는 즉시 발생하는 이벤트이다. https://ko.javascript.info/onload-ondomcontentloaded DOMContentLoaded, load, beforeunload, unload 이벤트 ko.javascript.i.. 2024. 1. 30. [front] 브라우저의 렌더링 과정 1. 사용자가 웹페이지 방문 (url 호출) 2. url 에 해당하는 웹페이지의 내용이 바이트 형식으로 리턴됨 (예: 110111... ) 3. 사용자의 브라우저가 리턴받은 내용(바이트) 해석해서 웹페이지를 그려줌 3-1. 10110.. 형태로 리턴받은 바이트 데이터를 ' ...' 문자로 변환 -> 문자 내용을 '{stratTag: 'html' ... }' 와 같이 토큰화함 -> 토큰을 노드로 변환 -> DOM(Document Object Model) Tree 구성 3-2. 동일한 방식으로 Css도 파싱진행 -> CSSOM Tree 구성 3-3. DOM 트리 + CSSOM 트리 => 렌더링 트리 구성 3-4. 렌더링 트리를 기준으로, 그려질 노드와 노드의 스타일 / 크기 등.. 2024. 1. 30. [back] java.sql.SQLException: 부적합한 열 이름 잘 되던 화면이 갑자기 빨간줄 띄우면서 500에러가 나기 시작 ### Cause: java.sql.SQLException: 부적합한 열 이름 ; bad SQL grammar []; nested exception is java.sql.SQLException: 부적합한 열 이름 at org.springframework.jdbc.support.SQLErrorCodeSQLExceptionTranslator.doTranslate(SQLErrorCodeSQLExceptionTranslator.java:237) at org.springframework.jdbc.support.AbstractFallbackSQLExceptionTranslator.translate(AbstractFallbackSQLExceptionTra.. 2024. 1. 25. [front] JSON.stringify() 와 JSON.parse() 1. JSON.stringify() javascript ------> server 자바스크립트로 데이터 보낼 때 문자열 변환 2. JSON.parse() javascript [Javascript] JSON.parse(), JSON.stringify()가 무엇인지와 왜 쓰는지 문제 상황 & 문제 인식 > 여느 때와 다름없이 회사의 업무를 보고 있었다. 특정 api에 axios 요청을 한 후, react-query를 이용하여 받아온 res 값을 파싱하여 화면에 띄워주는 일을 하고 있었다. 요청을 velog.io https://holjjack.tistory.com/79 [Javascript] JSON.parse(), JSON.stringify() 사용 방법 Back-End를 개발하다보면, JSON을 이용해서 .. 2024. 1. 11. [back] ViewResolver decorator 오류 개발의 참맛 중 하나는 삽질하다가 해결됐을 때의 도파민이 아닐 까.....흑흑 아무튼 나는 - 사이트 구조의 통일성을 위해, 공통 헤더/푸터 파일이 있고, 기본 레이아웃에서 해당 헤더/푸터를 불러오도록 한 상황 - 위의 구조로 만든 레이아웃 파일이 모든 페이지에 적용되도록 web.xml과 decorators.xml 에 decorators 옵션값 세팅 ... sitemesh com.opensymphony.module.sitemesh.filter.PageFilter sitemesh /* ... /* ... 을 했으나 url을 호출해도 decorators 파일이 적용되지 않았다. 하루정도 버리고 해결했는데 .. @Controller public class TestController extends BaseCon.. 2024. 1. 8. Git 설치하기 : 'git'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. Llama를 테스트해보기 위해 가이드를 따라하던 와중 'git'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 깃이 설치되어 있지 않다는 얘기라고 한다. 깃을 설치하러 가본다 참조가이드 : https://git-scm.com/book/ko/v2/%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-Git-%EC%84%A4%EC%B9%98 Git - Git 설치 이 책은 Git 2.0.0 버전을 기준으로 썼다. 대부분의 명령어는 그 이전 버전에서도 잘 동작하지만, 몇 가지 기능은 아예 없거나 미묘하게 다를 수 있다. Git의 하위 호환성은 정말 훌륭하기 때문에 2.0 git-scm.com 1. 필요한 setup 파일 다운로드 & 실행 https://git.. 2023. 12. 10. [back] 함수가 있는데 없다고 나와요 : The method METHOD() from the type CLASS is not visible The method METHOD() from the type CLASS is not visible 외부 프레임워크의 클래스에 정의된 함수를 사용하려고 했는데 저런 오류가 나길래 봤더니 함수가 protected 로 선언되어 있었다. 접근제어자를 바꿔주거나 내부 프레임워크에서 상속하여 사용해야 한다. 접근제어자 정리표. 출처 https://hongong.hanbit.co.kr/%EC%9E%90%EB%B0%94-%EC%A0%91%EA%B7%BC-%EC%A0%9C%ED%95%9C%EC%9E%90%EC%9D%98-%EC%A2%85%EB%A5%98%EC%99%80-%EC%B0%A8%EC%9D%B4public-protected-private/ 자바 접근 제한자의 종류와 차이(public, protected, priv.. 2023. 12. 8. [back] Mybatis <association> 사용하기 - 게시글 + 게시글첨부파일 동시조회 (feat.부적합한 열) association 사용법 가져오려는 객체와 연결된 다른 정보들을 객체화해서 가져오기 위해 1:1 관계일 경우 association 기능을 이용한다. 예를 들어, 게시글 정보와, 게시글의 파일 정보를 개별 테이블로 구분하여 사용하고 있고 게시글을 가져올 때 게시글의 첨부파일 정보를 가져오려 한다면 게시글과 첨부파일 조회 쿼리매핑에 을 사용할 수 있다. 매핑쿼리 목적 : 게시글 조회 getArticleDetail 호출 시, getFileObject도 함께 호출되어 첨부파일까지 한번에 조회 1. association 추가하기 전 쿼리 : 단순 게시글 조회 SELECT ATC_SEQ , TITLE , REG_ID , REG_DTM , CTS , VIEW_CNT FROM TB_ATC_FILE WHERE ATC.. 2023. 11. 9. [back] 클라이언트 오류로서 인지된 어떤 문제로 인하여, 서버가 해당 요청을 처리할 수 없거나 어쩌구 저쩌구 어제까지 순조롭게 작업을 어느정도 마무리하고 마지막에 input만 조금 수정한 후에 저장 오늘 작업을 마저 전개하려는데 테스트 차원에서 insert 하는 ajax 통신을 작동시켜봤는데 오류발생 클라이언트 오류로서 인지된 어떤 문제로 인하여, 서버가 해당 요청을 처리할 수 없거나, 처리하지 않을 것입니다. (예: 잘못된 요청 문법, 유효하지 않은 요청 메시지 framing, 또는 신뢰할 수 없는 요청 라우팅). 클라이언트 오류로서 인지된 어떤 문제로 인하여, 서버가 해당 요청을 처리할 수 없거나, 처리하지 않을 것입니다. (예: 잘못된 요청 문법, 유효하지 않은 요청 메시지 framing, 또는 신뢰할 수 없는 요청 라우팅). ... 이렇게만 나와서 뭐가 문제인지 바로 찾을 수가 없었다 진짜ㅡㅡ 역시나 오.. 2023. 10. 19. [back] Mybatis 쿼리 작동 오류 Query Result[]: -1row 개발을 할 수록 익숙해지면서 썼던 소스 복붙을 점점 많이 하게 된다.. 나태해지고 있다 그러다보면 어처구니 없는 실수를 하곤 하는데 스스로 경각심을 가지고자 포스팅까지 하게 되었다 😥 게시글이 등록된 적이 있으면 update, 없으면 insert 되도록 하려 했는데 계속 호출한 Mybatis Merge 문이 2번 실행이 되고 Query Result[]: -1row 오류가 발생 10분 정도 삽질하고 처음부터 controller단 부터 다시 꼼꼼히 봤더니 에혀 DaoImpl.java에 selectOne을 적음 @Override public Integer editPolicyData(PolicyVO policyVO) { return sqlSession.selectOne(SQL_FILE_PATH + "editPo.. 2023. 10. 17. 이전 1 2 3 4 5 6 다음 728x90 반응형
