Develop/JavaScript (5) 썸네일형 리스트형 [Develop/JavaScript] JavaScript 세미콜론의 여부 JavaScript 세미콜론의 여부 코딩 테스트 관련 문제를 찾아보던 도중 세미콜론에 대한 긍정적, 부정적인 부분의 글을 읽었다. JavaScript 뿐만 아니라 C, JAVA도 문장의 끝에 세미콜론을 붙인다 JAVA에서는 세미콜론을 코드의 끝에 명시해주지 않을경우 컴파일 에러가 발생한다. 세미콜론에 대한 막연한 생각 지금까지 'JavaScript에선 세미콜론을 붙이지 않는다고 JAVA에서처럼 에러가 나진 않는다.' 정도만 이해하였고 현재 Vue.js로 스티디 팀원들과 간단한 토이 프로젝트를 진행 중이다. 지금까지 세미콜론에 대한 생각이 뚜렷하게 없었고, 템플릿의 소스에 세미콜론이 존재하지 않았기 때문에 기존과 다르게 세미콜론을 사용하지 않고 작업중이다. 그에 따라 느낀 생각은 지금까지는 .. [Develop/Javascript] 비구조화 할당(구조 분해 할당) 정리 Javascript 비구조화 할당 정리 구조 분해 할당(비구조화) 구문은 ES6부터 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다. 따라서 쉽개 설명하여 [], {}를 형태의 객체를 해제하여 각각 변수에 알맞게 담아줄 수 있다. 배열 Array 일반적인 방법은 값을 하나씩 배열에서 꺼내와서 담아주는 모습이지만 비구조화 할당은 아래 예시와 같이 배열안에 값을 순서대로 a, b, c에 할당하는 모습을 볼 수있다. 일반적인 할당 사용 const arr = [1, 2, 3]; const a = arr[0]; const b = arr[1]; const c = arr[2]; console.log(a); // 1 console.log(b); // 2 conso.. [Develop/Javascript] var, let, const란? 차이점 var, let, const란? 차이점 var, let, const Javascript에서 변수 선언 방식에 사용 된다는 공통점이 있지만 서로 확연한 차이점이 존재한다. 선언 제약이라던지 변수의 스코프 레벨에 대한 차이점이 존재한다. var var은 기존에 Javascript에서 사용하던 변수 선언 방식이다. var은 재선언, 재할당등 면에서 제한이 없다. 따라서 여러명의 개발자가 작업을 진행 할 경우 선언한 변수의 중첩등 문제점을 야기할 수있다. 아래와 같이 똑같은 변수를 재선언하여도 문제가 되지않는다. var name = 'hoons'; console.log(name); // 출력 : 'hoons' var name = 'hyuns'; console.log(name); // 출력 : 'hyuns' 또한.. [Delvelop/JavaScript] replace로 replaceAll 사용 정규식을 이용한 replace로 replaceAll 사용 javascript에서 replace는 var text = “foopoo” 문자형 변수가 존재할 때 text.replace("o","f") 로 변환시 맨 처음의 o만 f로 변형되게 된다. 쉡게 모든 o를 f로 변환하고자 할경우는 정규식을 이용하여 replace(/패턴/정규식옵션 , “대체텍스트”)형식으로 써주면 된다 옵션에는 g , i , m이있으며 g - 첫번째 문자만이 아닌 모든 문자를 대체 i - 대소문자 구분하지 않음 m - 여러 줄 검색 따라서 모든 text를 대체 할 경우 text.replace(/o/g ,"f") 형식으로 사용하게되면 모든 o문자가 f로 치환된다. text.replace(/ /g, "f") 모든공백을 f로 치환한다는 뜻.. [Develop/JavaScript] jQuery / JavaScript disabled 속성 사용하기 jQuery / JavaScript disabled 속성 사용하기 어떤 상황에 있어서 버튼을 활성화 시키고 비활성화 시키고싶을 때가 있을 것이다. 오류 소스 $('선택자').attr('disabled','true'); $('선택자').attr('disabled','false'); 이방법은 틀린 방법이였다 일단 disabled 자체 속성은 비활성화를 하는속성이다. 따라서 true든 false든 비활성화가 유지된다. 해결방법 $('선택자').removeAttr('disabled'); 위처럼 disabled 속성을 지워주는것이다. 이렇게되면 활성화하고 싶을경우 attribute 속성을 제거해주면 되고 비활성화해주고 싶을경우 disabled 속성을 주면 되겠다. 이전 1 다음
