페이지 직접 추가하는 방법 질문
데브조
1년 전
조회 5,159
제목과 같이 제가 아래 코드들이 담긴 내용들을 직접 추가해서 해당 url으로 접속하면 보여지게 하고 싶은데 404 에러가 발생하여 뭐가 문제인지 궁금하여 질문드립니다.
예를 들어서 test.pe.kr/ukeToKrw.php 이렇게 접근하게 하고 싶은데 아래 내용의 파일을 어떻게 삽입해야 할까요..
</p>
<p><style></p>
<p> body {</p>
<p> display: flex;</p>
<p> flex-direction: column;</p>
<p> align-items: center;</p>
<p> justify-content: center;</p>
<p> min-height: 100vh;</p>
<p> margin: 0;</p>
<p> font-family: Arial, sans-serif;</p>
<p> }</p>
<p> table {</p>
<p> border-collapse: collapse;</p>
<p> width: 80%;</p>
<p> max-width: 600px;</p>
<p> margin: 20px 0;</p>
<p> }</p>
<p> th, td {</p>
<p> border: 1px solid #dddddd;</p>
<p> text-align: center;</p>
<p> padding: 8px;</p>
<p> }</p>
<p> th {</p>
<p> background-color: #f2f2f2;</p>
<p> }</p>
<p> .input-container {</p>
<p> position: relative;</p>
<p> margin: 10px;</p>
<p> width: calc(100% - 40px);</p>
<p> max-width: 300px;</p>
<p> }</p>
<p> .input-container input {</p>
<p> width: 100%;</p>
<p> padding: 10px;</p>
<p> box-sizing: border-box;</p>
<p> }</p>
<p> .input-container .unit {</p>
<p> position: absolute;</p>
<p> right: 10px;</p>
<p> top: 50%;</p>
<p> transform: translateY(-50%);</p>
<p> pointer-events: none;</p>
<p> color: #888;</p>
<p> }</p>
<p> @media (max-width: 600px) {</p>
<p> table {</p>
<p> width: 100%;</p>
<p> }</p>
<p> .input-container {</p>
<p> width: calc(100% - 20px);</p>
<p> }</p>
<p> }</p>
<p></style></p>
<p><h1>CUKE, UKE to KRW 환산기</h1></p>
<p><table></p>
<p> <thead></p>
<p> <tr></p>
<p> <th>CUKE</th></p>
<p> <th>UKE</th></p>
<p> <th>원화 (KRW)</th></p>
<p> </tr></p>
<p> </thead></p>
<p> <tbody></p>
<p> <tr><td>1</td><td>400</td><td>10,000,000</td></tr></p>
<p> <tr><td>2</td><td>800</td><td>20,000,000</td></tr></p>
<p> <tr><td>3</td><td>1200</td><td>30,000,000</td></tr></p>
<p> <tr><td>4</td><td>1600</td><td>40,000,000</td></tr></p>
<p> <tr><td>5</td><td>2000</td><td>50,000,000</td></tr></p>
<p> <tr><td>6</td><td>2400</td><td>60,000,000</td></tr></p>
<p> <tr><td>7</td><td>2800</td><td>70,000,000</td></tr></p>
<p> <tr><td>8</td><td>3200</td><td>80,000,000</td></tr></p>
<p> <tr><td>9</td><td>3600</td><td>90,000,000</td></tr></p>
<p> <tr><td>10</td><td>4000</td><td>100,000,000</td></tr></p>
<p> </tbody></p>
<p></table></p>
<p> </p>
<p><div class="input-container"></p>
<p> <input type="text" id="cukeInput" placeholder="CUKE 단위 입력"></p>
<p> <span class="unit">CUKE</span></p>
<p></div></p>
<p><div class="input-container"></p>
<p> <input type="text" id="ukeInput" placeholder="UKE 단위 입력"></p>
<p> <span class="unit">UKE</span></p>
<p></div></p>
<p><div class="input-container"></p>
<p> <input type="text" id="krwInput" placeholder="원화 입력"></p>
<p> <span class="unit">KRW</span></p>
<p></div></p>
<p> </p>
<p><script></p>
<p> // 1 CUKE = 400 UKE = 10,000,000 원</p>
<p> const cukeToUkeRate = 400;</p>
<p> const cukeToKrwRate = 10000000;</p>
<p> const ukeToKrwRate = 25000;</p>
<p> </p>
<p> function formatNumber(num) {</p>
<p> return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");</p>
<p> }</p>
<p> </p>
<p> function parseNumber(str) {</p>
<p> return parseFloat(str.replace(/,/g, ""));</p>
<p> }</p>
<p> </p>
<p> document.getElementById('cukeInput').addEventListener('keyup', function() {</p>
<p> const cukeValue = parseNumber(this.value);</p>
<p> if (!isNaN(cukeValue)) {</p>
<p> document.getElementById('ukeInput').value = formatNumber(cukeValue * cukeToUkeRate);</p>
<p> document.getElementById('krwInput').value = formatNumber(cukeValue * cukeToKrwRate);</p>
<p> } else {</p>
<p> document.getElementById('ukeInput').value = '';</p>
<p> document.getElementById('krwInput').value = '';</p>
<p> }</p>
<p> });</p>
<p> </p>
<p> document.getElementById('ukeInput').addEventListener('keyup', function() {</p>
<p> const ukeValue = parseNumber(this.value);</p>
<p> if (!isNaN(ukeValue)) {</p>
<p> document.getElementById('cukeInput').value = formatNumber(ukeValue / cukeToUkeRate);</p>
<p> document.getElementById('krwInput').value = formatNumber(ukeValue * ukeToKrwRate);</p>
<p> } else {</p>
<p> document.getElementById('cukeInput').value = '';</p>
<p> document.getElementById('krwInput').value = '';</p>
<p> }</p>
<p> });</p>
<p> </p>
<p> document.getElementById('krwInput').addEventListener('keyup', function() {</p>
<p> const krwValue = parseNumber(this.value);</p>
<p> if (!isNaN(krwValue)) {</p>
<p> document.getElementById('cukeInput').value = formatNumber(krwValue / cukeToKrwRate);</p>
<p> document.getElementById('ukeInput').value = formatNumber(krwValue / ukeToKrwRate);</p>
<p> } else {</p>
<p> document.getElementById('cukeInput').value = '';</p>
<p> document.getElementById('ukeInput').value = '';</p>
<p> }</p>
<p> });</p>
<p></script></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
답변을 작성하려면 로그인이 필요합니다.
로그인