본문 바로가기

반응형

전체 글

(146)
혼공 JS 6주차 ■ 내용 살펴보기 ▥ 문서객체 조작 - DOM : Document Objects Model (문서 객체 모델) - : html5문서를 의미 // addEventListener : DOM 즉, document에 이벤트 추가 // DOMContentLoaded : html이 모두 loading된 다음에 이벤트 수행 // DOMContentLoaded는 html5에서 추가된 이벤트 (구버전에서는 사용불가) document.addEventListener('DOMContentLoaded', () => { document.body.innerText = "addTextTest" }) // p.310 // 책에서는 document.를 사용했는데, 잘 동작을 안하네. // 이전 브라우저에서 지원을 하기 위해서는 onlo..
혼공 JS 5주차 ■ 내용설명 ♣ 객체 여러 자료형을 다룰때, 객체를 사용합니다. 배열도 비슷하게 key, value형태를 사용하지만, 배열은 인덱스를 사용해서 접근하지만, 객체는 키를 사용해서 접근합니다. 배열 : [ ] 형태를 사용하고, 객체는 { } 형태를 사용합니다. // 키부분을 그냥 문자열, "", '' 어떠한 형태도 모두 가능하다 const product = { 제품명 : "망고", 유형 : "당절임", 성분 : 'a,b,c,d', 원산지 : '필리핀', "테스트1" : "tes1", '테스트2' : 'test2' } // 호출하기1 : 겍체['키'] console.log(product['제품명']) console.log(product['성분']) console.log(product.테스트1) console...
혼공 JS 4주차 ■ 내용정리 함수도 자료형중에 하나입니다. // 익명함수 // 함수도 하나의 자료형이기 때문에 아래와 같은 형태로 구성이 가능합니다. const test_fn = function () { console.log("기록...") } // 일반적인 함수 형태 function test_fn2(){ console.log("기록222....") } // 매개변수에 타입 정의는 오류 // 다른 언어에서는 매개변수의 타입을 정의해서 사용을 하는데 // JS에서는 이렇게 하면 오류가 발생한다. function strFunc(string name){ console.log("매개변수에 타입 정의는 오류") } function strFunc(name){ console.log("매개변수에 타입 정의는 오류") } 매개변수가 동..
혼공 JS 3주차 ■ 내용정리 · string에서도 문자열을 구분지어서 처리 const str = "안녕하세요" console.log(str[1]) // 배열이 아니지만, [1] 이렇게 값을 출력가능 console.log(str.length) · 배열 만들기 배열은 [...] 형식으로 만듭니다. // 배열안에 배열을 넣을수도 있고, 다양한 구성을 할수 있습니다. const array = [273, 'String', true, function () {}, {}, [23,4,5,5], undefined] console.log(array.length) // 7 · 배열 뒷부분에 요소 추가하기 3가지 방법이 있습니다. 1) 배열.push(요소) 2) 배열 뒷부분에 요소 추가 3) 인덱스를 식별해서 추가 // case1 const..
혼공 JS 2주차 ■ 내용 정리 · 3장의 내용은 편하게 볼수 있는 부분이라 특별히 정리하지 않았습니다. ■ 기본미션 // 10과 20 사이에 조건이 맞는지 확인 const x = 12; if( x > 10 ){ if( x 10 && x < 20 ){ console.log("조건에 맞습니다. case2") } ■ 선택미션 · 실행하기
혼공 JS 1주차 ■ 정리 "", ''은 문자열을 구성하는데, 혼합해서 사용하면 좋다. "나는 '혼공족'" // 겉에는 "" 으로 구성 안에는 ' '으로 구성 '나는 "혼공족"' // 이것은 반대로 구성한 케이스 특수문자는 \ (이스케이프 사용) 문자 선택 연산자 : 이런 구문이 있네요 자료형 검사 : typeof 체크할때 이런 형태로 사용 가능 if (typeof a == "undefined") document.writeln("a가 존재하지 않음.") 체크할때 이런 형태로 사용 가능 총 8가지 타입으로 return한다 string, number, boolean, undefined, function, object, symbol, bigint 템플릿 문자열 ` (빽틱)을 이용해서 문자열 내부에 표현식을 삽입할때 사용함 예전..
데이터 과학자 원칙 골든래빗에서 출간하는 "OOO 원칙" 시리즈 입니다. 현재는 2개의 시리즈가 있는데, 앞으로 "프로덕트 매니저의 원칙"등등 다양한 원칙 시리즈를 기획중이신것 같습니다. 이 시리즈의 장점은 다양한 분들의 이야기를 접할수 있다는 점입니다. 저는 이 책을 읽으면서 드는 생각은 "개발서적의 수필집" 같다는 생각이 들었습니다. (너무 기술적이지 않지만, 기술에 대한 고민이 곳곳에 언급되어 있습니다.) 이책은 공동저자 9분의 내용을 공통집필 방식으로 구성되어 있습니다. 이렇게 하나의 분야에 대해서 유명하신, 자기만의 원칙이 있으신 분들의 이야기를 풀어서 글로 읽는 재미가 있습니다. 개발자 분들은 개발언어, 프레임워크 등에 대한 전문적인 서적 및 프로그램 언어 코드가 적혀있는 책을 다른 책보다 많이 보게 됩니다. 이..
풀스택 테스트(10가지 테스트 기술의 기본 원칙과 전략) 개발할때, 테스트의 중요성은 이제 어느 누가 강조하지 않아도 당연한 절차로 생각되어집니다. 하지만, 실제 테스트를 잘하기 위해서는 많은 난관이 존재합니다. 크게는 사용자가 실제 사용하는것처럼 동일한 케이스를 만들고 가상의 mock객체를 구성하는 것이 말로는 쉽지만, 실제 구성하기 위해서는 다양한 케이스가 존재하고, 이러한 것을 프로그램적으로 처리하는 것이 쉽지많은 않습니다. 또한 너무 다양한 언어와 외부 라이브러리가 존재하기 때문에 이러한 것을 TestCase로 작성하는것은 어떨때는 기능개발보다 어렵습니다. 저자는 집필의도를 통해서 우리가 제품에서 테스트를 실패하는 원인은 아래와 같이 정의합니다. 사용자 화면 기준의 End to End 테스트 집중하는 현상 일부 기능테스트만 수행하고, 비기능적인 문제를 ..

반응형