본문 바로가기

분류 전체보기

 (55)
(js) createElement() 함수를 이용해 html객체 만들기 웹을 만들다 보니 js를 이용해 동적으로 html 객체를 만들어야 할 경우가 생겼다. 방법을 검색하니 1.createElement() 2.Object.assign() 3.Template literate 이렇게 세가지 방법이 있었는데 1번 방법과 2번 방법은 비슷한 개념이고 3번은 body 전체를 덮어쓰는 페널티가 있어 1번을 사용하였다. 기본적인 createElement()의 틀은 이렇다 const element = document.createElement('객체'); document.body.appendChild(element); 객체 부분에 만들고 싶은 button, div, table, p 같은거 넣으면 된다. body에 appendChild 함수로 넣어버리면 DOM에 element가 구현된다고 하..
(js)문자열에 수치형 더해서 문자열 만들기 1.문자열과 숫자를 더하기 연산자 (+)로 결합하기 javascriptCopy code let myString = '나는 ' + 26 + '살입니다.'; console.log(myString); // "나는 26살입니다." 2.문자열 보간 (Template Literal) 사용하기 javascriptCopy code let myAge = 26; let myString = `나는 ${myAge}살입니다.`; console.log(myString); // "나는 26살입니다." 위의 예제에서는 첫 번째 방법으로 문자열과 숫자를 더하기 연산자 (+)로 결합하여 새로운 문자열을 만들었고, 두 번째 방법에서는 백틱 (``)으로 문자열을 감싸고 ${} 안에 변수나 표현식을 삽입하여 문자열을 만들었습니다. 두 가지 ..
(js) ajax https://scoring.tistory.com/entry/AJAX%EB%9E%80-JQuery%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-AJAX%EC%82%AC%EC%9A%A9%EB%B2%95#JQuery%EB%A-%BC%--%EC%-D%B-%EC%-A%A-%ED%--%-C%--AJAX%EC%-D%--%--%EC%--%AC%EC%-A%A-
(js) jQuery - animate 웹페이지를 만들다가 버튼을 누르면 객체가 사라지거나, 생기는 등의 에니메이션을 구현해야 했다, css .button:focus + . 로 에니메이션을 만들 수도 있지만 focus상태의 한계로 원하는 결과자 나오지 않았다. jQuery에서는 .animate() 메소드를 이용하여 사용자 정의한 이펙트 효과를 정의할 수 있다. .animate() 메소드는 여러 CSS 스타일 속성을 이용하여 새로운 이펙트 효과를 만들어 준다. .animate() 메소드의 원형은 다음과 같다. $(선택자).animate(스타일 [,지속시간] [,시간당속도함수] [,콜백 함수]); 스타일 : 필수이며, 이펙트 효과를 구성할 CSS 스타일 속성을 정의한다. 지속 시간 : 이펙트 효과가 지속될 시간을 전달한다. 시간당 속도 함수(ea..
(php) Prepared Statement과 SQL Injection 1.SQL Injection SQL Injection은 웹 애플리케이션 취약점 공격의 일종으로, 악의적인 사용자가 SQL 쿼리를 조작하여 비정상적인 데이터베이스 접근을 시도하는 공격 기법입니다. SQL Injection 공격은 보통 웹 애플리케이션에서 사용되는 폼 등에서 입력값을 받아 데이터베이스 쿼리에 전달하는 경우에 발생합니다. 악의적인 사용자는 입력란에 악성 코드나 SQL 쿼리문을 입력하여, 입력받은 값이 데이터베이스에 그대로 전달되어 실행되도록 유도합니다. 이렇게 전달된 악성 코드나 SQL 쿼리는 데이터베이스에서 실행되어 보안상 중요한 데이터를 탈취하거나 삭제, 수정 등의 악의적인 행위를 일으키게 됩니다. SQL Injection은 웹 애플리케이션에서 매우 흔한 보안 취약점으로, 악의적인 사용자가..
(php) echo로 html 출력 동적으로 html 객체를 출력하고 싶을때 php 를 사용하여 동적인 출력이 가능하다. $text = 'logcat'; echo " {$logcat} "; 위처럼 큰따음표 안에서 html 테그를 출력할 수 있고, echo의 출력 규칙에 따라 문자열 사이에 {} 를 넣어 변수를 출력할 수 있다.
(php) 배열의 값을 삭제, 추가(unset,array_splice) 값 삭제하기 배열에서 특정 값이 저장된 요소를 삭제하려면, unset() 함수를 사용합니다. 예를 들어, $myArray 배열에서 인덱스 1의 요소를 삭제하려면 다음과 같이 작성합니다. unset($myArray[1]); 만약, 배열에서 특정 값이 저장된 모든 요소를 삭제하려면, 반복문과 unset() 함수를 함께 사용합니다. for($i = 0; $i < count($myArray); $i++){ if($myArray[$i][0] == 'delete'){ unset($myArray[$i]); } } 위 예제 코드는, 2차원 배열 $myArray에서 첫 번째 열이 "delete"인 모든 요소를 삭제하는 예제입니다. 값 추가하기 배열에 새로운 값을 추가하려면, []를 사용하여 새로운 요소를 생성합니다. 예..
(JS) HTML의 요소 삭제, 수정하기 HTML에서 이미 출력된 객체를 지우는 방법은 여러가지가 있지만, 가장 일반적인 방법 중 하나는 JavaScript를 사용하는 것입니다. JavaScript를 사용하여 객체를 지우는 방법은 다음과 같습니다. 1.remove() 메소드를 사용 remove() 메소드를 사용하면 해당 요소(element)를 지울 수 있습니다. 예를 들어, document.getElementById('myElement').remove();와 같이 사용합니다. 이 때, myElement는 지우고자 하는 요소의 ID입니다. This is my div. Remove the div 2.parentNode.removeChild() 메소드를 사용 parentNode.removeChild() 메소드를 사용하면 해당 요소의 부모 노드(par..

티스토리툴바