본문 바로가기

분류 전체보기

 (75)
visual studio code 폴더 겹침 현상 해결하기 visual studio code 폴더겹침현상을 해결하는 방법이다. mac Os commend + , window ctrl + , Linux ctrl + , 1. 위의 세가지의 코드를 동시에 누른다. 2. explorer.compactFolders 검색한다. 3. Explorer: Compact Folders 체크 해제한다.
자바스크립트 왕 기초 String( ) , Number ( ) , boolean ( ) 차이점이 뭐지? 속성 의미 String( ) 숫자를 문자열로 자동변경 Number ( ) 숫자형으로 변경 / 만약 문자를썼다면 ("문자") NaN 출력됨 boolean ( ) ""빈문자열, 0 , undifined , NaN , null -> false로 출력됨 * 주의 * Number (null ) // 0으로 변환 Number (undefined) // NaN 으로 변환됨. boolean ('') 공백이 없으면 false boolean (' ') 공백이 있으면 true boolean (0) 숫자 0은 false boolean ( "0" ) 문자 0 true
toLowerCase( ) , toUpperCase ( ) 대소문자 구별하는 메서드 메서드 의미 예제 toLowerCase 문자열을 소문자로 변환해서 반환 var str = 'Coding EverBody'; alert(str.toLowerCase()); 값 coding everybody toUpperCase 문자열을 대문자로 변환 var str = 'Coding EverBody'; alert(str.toLowerCase()); 값 CODING EVERYBODY
trim( ) , replace 에 대하여 복잡한것 딱 ! 질색 간단명료 닥치고 설명 메서드 의미 trim( ) 좌우의 공백과 여백을 지워주는 메서드 단, 가운데 공백은 제거가 어렵고 양쪽 옆 공백만 제거가능. replace 문자를 제거하는것이기 때문에 꼭 공백이 아니여도 사용가능.
비교연산자 == , ===, !== , != , 간략히 정리 연산자 종류 의미 주의 == ===에 비해 조금 덜 엄격한 비교연산자 자료형을 일치시킴 === 엄격한 비교연산자 (맞다는) 자료형 일치 시키지 않음. != 두 피연산자의 자료형을 일치시킨 후, 엄격하게 비교를 수행 자료형을 일치시킴 !== 다르다는것을 이야기함 자료형 일치 시키지 않음.
innerText 와 innerHTML 가 뭐죠? textContent 는 뭐에요? 태그이름 속성 innerText 태그 안의 텍스트를 가져오거나 바꾸는 기능 (바뀌는 범위 : (텍스트) => 텍스트만 바뀜) 사람이 읽을 수 있는 요소만 보여주기 때문에, 화면에 보이는 그대로의 텍스트를 읽어올 때는 유용하다. 하지만 내부에 특별한 스타일 적용이 없는 문자열을 할당할 때는 성능상 적합하지 않다. innerHTML 태그 자체를 가져오거나 바꾸는 기능 (바뀌는 범위 : (텍스트) => 전체 다 바뀜) 보안에 취약하다는 단점이 있다. textContent 해당 요소 내부의 원시 텍스트를 보여주기 때문에 다른 프로퍼티들에 비해 파싱이 빠르다. 가급적 textContent를 사용하는 것이 좋은데 성능과 보안에 강점이 있고, 원시 텍스트를 얻게 됨으로써 이후 의도한 대로 가공할 수 있기 때문이다.
css 코드 정리 position-relative , absolute, fixed 코드 속성 의미 position relative 요소 자기 자신을 기준으로 배치 absolute 부모(조상) 요소를 기준으로 배치 fixed 뷰포트 기준으로 배치
css 코드 정리 line-height , flex, margin, z-index ,justify 코드 속성 의미 align-items 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정 background- repeat 배경 이미지의 x축과 y축으로 반복설정 repeat-x 배경 이미지의 x축으로 반복 설정 repeat-y 배경 이미지의 y축으로 반복 설정합니다 position 속성은 백그라운드 이미지의 위치 영역을 설정 size 백그라운드 이미지 사이즈 image 백그라운드 이미지 및 배경 속성을 설정 color 백그라운드 색을 설정 box- shadow 박스 그림자 넣기 inherit 위의 속성값에 상속받는 설정 flex- wrap 요소 크기에 맞게 설정. justify- content 콘텐츠의 좌우 관계 정렬 상태를 정의. center 좌우 정중앙에 설정. inherit 위의 속성에 상속받음 li..
javscript 변수와 상수에 관하여 변수 변수는 데이터를 저장하는 곳이다. 값 변경이 가능하다. 선언할때에는 "ver" , "let"을 사용한다. 상수 한번 할당하면 값을 변경할수 없는 저장소이다. 주로 변하지 않는 값에 적용한다. 예상치 못한 변경을 막을때 사용되어진다. cosnt로 선언을 하며, 선언할때 초기값을 바로 적용해줘야한다. 일반적으로 대문자를 사용해서 이름을 지정해준다.
javascript 배열과 객체에 관하여 " 배열(Array)과 객체(Object)는 데이터를 저장하고 조작하는 데 사용되는 중요한 구조이다. " 1. 배열 (Array) 배열은 순서가 있다. 배열은 [ ] 로 나타낸다. 문자형, 숫자, 객체로 나타낸다. 2. 객체 (Object) 객체는 이름값은 가지는 키와 값의 한쌍으로 표현한다. 키는 문자열이나 심볼이며, 값은 어떠한데이터 유형이든 될수있다. 중복되지 않는 키로 데이터를 저장하고, 키를 통하여 값을 추출할수 있다. 차이점 배열 - 순서대로 데이터 배열을 하기 유용하다. 키 - 데이터를 구조화 하며 다양한 속성을 표현하는것에 사용된다.

티스토리툴바