본문 바로가기

전체 글

(108)
프런트엔드 개발자를 위한 테스트 가이드 책의 목차를 보는데, 처음보는 기술들이 많이 보였습니다. 기술이라고 표현한것은 처음보는 오픈소스 SW들에 대한 부분입니다. 이런 생각을 들었습니다. 블랙박스테스트를 하는데 이것이 프런트엔드 테스트라고 생각해도 될까? 사용자 화면에서 보이는 것을 뒤에 이루어지는 비지니스 로직을 검증하지 않았지만, 실제 화면에 입력되는 input value와 실제 화면에 보여지는 출력 value에 대해서 눈으로 확인하는것이니 100% 동일하지는 않지만, 비슷하다고 불수도 있지 않을까? 요즘은 자동화 AutomationTool들도 많이 나와 있습니다. 하지만, 해당 Tool을 실제 사용하기 위해서는 역시 따로 개발을 해야 합니다. 쉬운것이 없습니다. 책을 읽기전의 지식으로 "화면에 있는 것을 기준으로 동작테스트를 진행"하려고..
처음부터 제대로 배우는 스프링 부트 스프링 부트 책은 시중에 매우 많이 있습니다. 이책의 장단점 및 대상 독자분들에 대해서 리뷰를 해보려고 합니다. 책의 표지를 우선 소개해드리고 싶었습니다. 표지에서 언급된 키워드가 이 책의 포인트이고, 저자의 책 구성 방향을 잘 설명하고 있습니다. 책 표지에서 언급된 키워드를 살펴보면, 책의 특징은 아래와 같습니다. 처음부터 제대로 배우는 (Up & Running) : 중급자를 대상으로도 좋다는 의미 (추천사 참고) 자바와 코틀린을 함께 경험할수 있다. 클라우드 네이티브를 경험할수 있다. 저자분이 VMWare 개발자 분이시며, 자바개발자 및 코틀린 구글 개발자 전문가 입니다 ■ 인트로는 쉽게.. ■ 선택사항 ■ 구체적으로 책 내용 살펴보기 springboot에 대해서 전반적인 부분을 언급합니다. 가장 기..
혼공 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 템플릿 문자열 ` (빽틱)을 이용해서 문자열 내부에 표현식을 삽입할때 사용함 예전..