기록의 힘

출처:https://backendcode.tistory.com/171 이유: 이전에 사용한 CSS를 브라우저가 캐시에 보관해놓고 사용하기 때문에 링크된 CSS의 변화점을 기억하지 못하는 것이라고 한다. 해결법: 2가지 방법1. 링크 뒤에 after추가하기 추가했더니 변경 내용이 적용됐다. 방법2. 브라우저 캐시 삭제하기 쿠키 및 기타 사이트 데이터 삭제하면 된다. 자세한 건 출처 블로그 참고하기 ?after가 뭔지 구글링으로 안나오길래 챗gpt한테 물어봤음. after와 캐시삭제 중 뭐가 좋은 방법인지 물어봄..

자바스크립트로 분리해 둔 header와 footer.html 파일을 붙이려고 시도해봤다. (구글에 검색한 스크립트문을 사용. chatgpt로 해석해봤지만 모르겠음..) 스크립트 위치도 바꾸고 파일경로도 바꾸고 함수로 호출해보고 등등 몇가지 방법을 시도했으나 'js파일'만 연동이 안됐다.TT (html과 js 로드 되는 순서가 문제인 것 같다는 추측이 들지만 but 해결하지 못함...) 결국 jsp로 include하는 것으로 계획을 바꾸고 vscode에 tomcat을 연결. (방법은 간단해 보였지만 난 환경설정만 이틀 걸렸다..ㅎㅜ) 참고한 구글/블로그 내용을 따라해보다가 VSCode에서 Tomcat for Java 가 더 이상 사용되지 않는다고 뜸....!! 그래서 Community Server Conn..

1. vscode 익스텐션으로 prettier - code formatter 설치 2. user settings(vscode 팔레트로 검색) 2-1. -> default formatter 검색 -> default formatter를 prettier로 바꾸기 2-2. ->format on save 검색 ->체크해주기 3. 윈도우의 경우 crtl+s 로 저장하면 알아서 구조가 바뀔겁니다. 추가 설명 1의 vscode 익스텐션 => 우리 파일 목록 보이는 곳 좌측에 5개 아이콘 중 '정사각형 블록에서 블록 하나 옆에 빠져 있는 것' 클릭. 거기서 pretter 검색하면 맨 위에 알록달록한 P 모양 나오는거 그거 클릭. 거기서 우측 창에 있는 [설치] 클릭. 2. user settings -> 그 아이콘들 맨 ..

JSX 란? (javascript XML) 자바스크립트를 확장한 문법 보통의 HTML과 비슷하지만 property를 HTML 태그의 속성처럼 적으면 된다. 바벨 설치하기 JSX를 브라우저가 온전히 이해하지 못하므로 이해할 수 있게 https://unpkg.com/@babel/standalone/babel.min.js 를 설치. ▶ JSX로 적은 코드를 브라우저가 이해할 수 있는 형태로 바꿔준다. ▶ 바벨을 가져온 뒤 script type="text/babel"로 적어줘야 인식함. style={{ backgroundColor: "tomato" }} // 스타일은 { }가 2개임 = ( ) => ( ) : 화살표 함수가 function이랑 return문을 이미 포함하고 있는 것이다. 위 funcion Tit..

vanilla.js 1. Html 만들기 2.Javascript에서 가져옴 3.event감지 4.데이터업데이트 Total clicks: 0 Click me React JS 다른 사람은 쓰지 않는 어려운 방식. 하지만 이걸 먼저 이해해야함. react js는 엔진. 인터렉티브한 UI를 만들 수 있는 라이브러리. react-dom은 라이브러리 또는 패키지. React element를 HTML에 두는 역할.