본문 바로가기

Front120

[React] --isolatedModules ERROR --isolatedModules ERROR The cause is an empty page on your .tsx file. Resolving this error You have to fill with 'export {}' To be continued.. 2023. 2. 16.
[React] React File Type List show me a list type of react files for example jsx, tsx and so on.. Method Here's a list of file types you might commonly encounter when working with React: .js: This is a regular JavaScript file that can be used with React. You can write your React components in this file using the regular JavaScript syntax. However, you won't be able to use JSX syntax in this file. .jsx: This is a JavaScript f.. 2023. 2. 16.
[Jquery] Jquery function List var() : HTML 에 해당한 Elements 의 Value를 회수한다. To be continued.. 2023. 2. 7.
[HTML] HTML <, > 키 텍스트로 바꾸는 명령어 왼쪽 소괄호 : $lt! 오른쪽 소괄화 : $gt; To be continue.. 2023. 1. 11.
[JavaScript] 자바스크립트 document.addEventListener("DOMContentLoaded", function() {} 사용하는 이유 간단하다. Method 일반적으로 다음과 같이 쓰는데, 이유는 여기에 적혀있다. 모든 코드는 위에서 아래로 순차적으로 발동되는 성질이 있는데, Jquery 같은 경우에는 `${document}.ready()` 를 통해서 JavaScript 같은 경우에는 document.addEventListener("DOMContentLoaded", function() 이것을 통해서 HTML이 발동하고나서 js가 발동하도록 하는 의미이다. 여기에 적혀있다. HTML이 모두 Loaded가 될 때 까지 기다리고 시작하겠다는 명령이다. To be continue.. 2023. 1. 11.
[JavaScript] 자바스크립트 로딩화면 만들기 (예제포함) 자그마치 3시간 걸렸다. 아 ... 하다보니 이렇게 시간이 많이 흘렀다. 그래도 오늘은 새로 구매한 키보드로 타이핑하니까 기분이 매우~~ 조다~ 역시 집에서는 녹축을 쓰는게 좋지 않나....ㅎㅎ.. 그럼 바로 들어가보자 Method 이번엔 아무것도 알지 못하는 사람이 보았을 때도 쉽게 따라 할 수 있게 만들어 보겠따. 일단 파일 구조를 다음과 같이 잡아준다. 이제 코드를 짜줄것이다. index.jsp 설명을 읽어보면 되겠다. geo.js 이렇게 되면 Loading 페이지가 작동되었다가 0.6초 뒤에 display = 'none' 가 되어버리니 로딩 페이지가 로드가 된 뒤 자동으로 사라지는 역할을 하게된다. 이렇게 있다가 다음 로딩이 떳다가 사라지게 된다. 예제 코드는 아래 남겨두겠다. index.jsp .. 2022. 12. 30.
[JavaScript] 자바스크립트 동적 모달 창 만들기 시간이 많이 없으므로 진짜 간략한 모달창을 만들었음으로.. 더 멋있는 모달창을 만들고 싶으신분은... 창의적으로 더 만들어보시길 권장합니다...ㅎㅎ.. Method 일단 모달 스타일은 다음 처럼 잡았습니다. .jsp에는 뭐 따로 추가 해준것은 없습니다. js const modalButton = document.createElement('button'); const modalContent = document.createElement('ul'); modalButton.innerHTML = '회원가입'; modalContent.innerHTML += ` 정말로 회원가입 하시겠습니까? `; modalContent.style.display = 'none'; const openModal = () => { modal.. 2022. 12. 27.
[CSS] text-decoration 치명적인 요구사항 CSS별로 우선순위가 있지만, 이런 경우도 있기 때문에 적어둔다 Method 다음과 같이 a 태그를 사용 중일 때 누간가 전역변수(global variable)로 통째로 스타일 잡아 놓았걸 그대로 전역변수 스타일을 그대로 가져가면서 a 테그에 따로 스타일을 주고 싶을 때가 있다. 그 때는 a 테그에서 text-decoration 를 사용하기 위해서는 someThing 스타일을 에 주면 text-decoration이 적용되지 않는다. 그래서 테그로 직접 text-decoration 를 넣어줘야 적용이 된다. 즉 직접 스타일 주어야한다. text-decoration = a 테그에 직접 To be continue.. 2022. 12. 27.