반응형 Language/HTML, JavaScript50 자바스크립트 \ `를 이용한 특수문자 처리방법 위 예제를 보면 console.log("say "hello" "); 를 해줄 경우 에러가 발생하는데 특수문자는 위와 같은 방법으로 출력할 수 없고 \나 백틱(`)을 사용해서 처리해줘야 하는데 이를 이스케이프 처리라고 한다 \를 사용하는 방법은 단순히 특수문자 앞에 \를 넣어주면 된다 백틱(`)을 사용하는 방법은 문자를 `로 둘러싸면 되는데 ` ` 안에 있는 모든 글자가 문자열로 처리되게 된다 2020. 7. 6. 자바스크립트 replaceall 사용방법 자바스크립트에서는 replace만 있고 replaceall이 없어서 문자열에서 특정 문자를 모두 ~로 변경하는 그런게 없는데 그럴때는 정규식을 사용해주면 된다 위 예제는 2020-07-06에서 -를 모두 떼려고 하는데 값.replace(/바꿀값/gi, 대체값); 이렇게 해 주면 바꿀값이 모두 대체값으로 바뀌게 된다 g는 문자열 전체를 확인하면서 값을 변경하고 i는 대소문자를 구별하지 않게 하는 옵션이다 마지막으로 /를 변경할 경우에는 값.replace(/\//gi, 대체값); 이렇게 \를 넣어 사용해주면 된다 2020. 7. 6. 자바스크립트 !!를 이용한 undefined null 공백 처리방법 자바스크립트에서 undefined나 null, 공백은 함수를 만들어 처리하게 되는데 자바스크립트 각종 NULL 처리방법 정리 일단 자바스크립트에서 NULL을 어떻게 보냐에 따라 해결방법이 두가지인데 "" 만을 NULL로 본다면 값 === "" 으로 비교해주면 된다 함수로 만들어 사용한다면 위 스크린샷과 같이 값 === "" 일 경우 tru wakestand.tistory.com 위 세개만 판별하면 될 경우에는 !!를 사용하면 함수를 만들지 않아도 처리가 가능하다 사용법은 !!값 을 할 경우에 undefined, null, 공백이라면 false 그 외에는 true가 떨어지게 된다 2020. 7. 5. 자바스크립트 ~~ 를 이용한 정수 제외한 수 0으로 출력방법 자바스크립트에서 ~~값 을 이용해 정수인 값은 그대로 출력되지만 정수가 아니거나 문자열은 0으로 만들 수 있는데 정수만 들어오는 경우 해당 방법을 통해 메소드를 만들지 않더라도 정수는 입력한 값, 그 외의 값은 0으로 설정할 수 있다 2020. 7. 5. 특정 화면에만 CSS 스타일 변경방법 NewFile.css 파일에서 test class를 가져와 버튼에 적용시키는 코드인데 css 파일에서 width와 height를 400으로 주는 바람에 버튼이 너무 큰 것 같다 그래서 width와 height를 100으로 바꾸려고 하는데 문제는 css 파일을 바꾸면 안된다 이 화면에서만 width와 height를 변경해야 하는데 이럴 때 해결방법은 해당 화면에 style을 작성한 뒤에 동일한 이름으로 class를 작성하면 해당 화면에서 작성한 style이 우선되기 때문에 타 화면에서는 width, height가 400이지만 해당 화면에서는 100으로 변경되어 적용되게 된다 예제에 사용한 코드는 아래와 같다 2020. 6. 29. CSS HTML 연결방법 정리글 CSS 파일을 HTML로 연결하는 방법은 두 가지 방법이 있는데 차례대로 알아보자면 여기서 경로는 css 파일이 위치한 폴더를 지정해주는 것으로 WebContent 안에 폴더 없이 css를 넣어놨다면 경로 없이 CSS파일명.css만 작성해주면 되고 WebContent 안에 css라는 폴더를 작성하고 그 안에 css 파일을 넣어놨다면 css/CSS파일명.css가 되는 것이다 마지막으로 두 방법 중에 주로 사용하는 방법은 2020. 6. 29. 이전 1 2 3 4 5 6 7 8 9 다음 반응형
