본문 바로가기
[SQL] 서브쿼리 정리 오라클DATABASE 11g와 함께하는 SQL과 PL/SQL책을 참고로 학습 한 내용입니다. 최근에는 REST-API로 받은 JSON 데이터를 뿌려주는 작업을 주로 해와서, SQL 작성하는 방법을 잊어가고 있다.. 그러다 이번 프로젝트에서 SQL문을 작성하거나 기작성된 SQL문을 해석할 일이 많아질것 같으므로.. 근 1년만에 SQL복습을 시작한다. 사실, 학원에서는 과정을 따라가기 급급해서, 실제 내부동작에는 관심갖을 시간이 없었다. 이번에는 '결과'보다는 '과정'에 중점을 두어 학습하려고 한다. 서브쿼리 SQL 명령문내에 서브 쿼리가 사용되면 서브 쿼리를 먼저 실행하여 그 결과 값을 메인쿼리로 반환하고, 반환된 값을 메인 쿼리에서 사용한다. + FROM에서 subquery를 사용하는것을 inlineVi.. 2020. 1. 23.
[react] 2 주차 - webpack으로 모듈화 그리고 create React App(2) babel babel은 브라우저가 지원하지 않는 자바스크립트 문법들을 브라우저가 이해 할 수 있도록 코드를 변환해주는 역할을 한다. babel 예제 babel 설정 전에 arrowFunction을 사용해서 IE에서 돌려보자 webpack.config.js를 수정했으므로 다시 시작한다. babel도 package.json의 browserlist를 참고하기 때문에, browserlist에 지정되지 않으면 적용이 되지 않을 수 있다. 그리고 browserlist는 package.json에서 공통적으로 관리하는것이 좋다. babel load은 transcompiling 해준다. 브라우저가 이해 할 수 있는 js언어로 변경해준다. eslint lint: js의 코드스타일 규칙 eslinst는 자바스크립트 코드 스.. 2020. 1. 18.
[react] 2 주차 - webpack으로 모듈화 그리고 create React App 지난주 복습 reactElement는 DOM이 아니다. DOM에 부합하는 json이다. createElement를 사용하기는 어려워서 JSX를 사용한다. bebel에서는 JSX문법을 createElement로 변환해준다. component - 작은 UI조각. componenet가 이루어져서 component Tree가 만들어진다. function component, class component (상태를 가짐) Component사이의 통신 - 1) props: 부모와 자식간의 통신 2)state: 화면에 동적인 기능을 추가 할 수 있다. eventHandler: 함수 호출이 아닌 함수가 와야 한다. 지난주에 배운 방식으로는 하나의 페이지에서 작업 할 수 있게 되었다. 하지만.. 모든 페이지에서 rootEl.. 2020. 1. 18.
웹사이트자동화 테스팅 미니프로젝트 웹통합테스트.. 매번 개발자가 테스트하기엔 번거롭다 ㅠ ㅠ 어떻게하면 자동화 할 수 있을까? 그동안의 경험을 토대로 내린 결론은... python + selenium! Getting Started with Selenium for Automated Website Testing 추가로.. vm + ubuntu + docker로 개발환경 + 실행환경을 컨테이너이미지로 만들어서 관리하면 편할 것 같다. todo list 하나의 모듈 안에 하나의 TestCase가 들어가야 한다. testAbstractClass 설계 selenium을 init하는 부분과, 테스트 실패시 돌아갈 로직, 성공시 돌아갈 로직은 testAbstractClass에서 구현해주고 각각의 모듈별로 테스트 하는 메서드는 상속하는 자식클래스에서 구.. 2020. 1. 15.
[react] 1 주차 서버사이드 랜더링과 클라이언트 사이드 랜더링 서버사이드 랜더링 클라이언트가 hello.jsp라는 페이지를 요청하면 서버는 DB를 조회후, jsp라면 서블릿컨테이너나 템플릿엔진을 타서 최종적으로 html을 반환한다 즉 서버에서 이미 페이지를 만들어서 return하게 된다. 이방법의 단점은, 고정된 페이지를 return하므로 웹용 사이트, 모바일용 사이트 두개를 만들어야 했다. 그래서 서버는 REST api만 제공해주고, 클라이언트가 json데이터를 렌더링해서 만드는 방식이 사용되기 시작했다. 클라이언트사이드 랜더링 이제는 페이지를 호출하는것이 아니라 json Data를 받는다. 따라서, 렌더링을 Client가 하게 된다. 클라이언트는 페이지 요청이 아닌 ajax를 이용해 비동기요청으로 데이터를 요청하면, 서버는 데이터베이스에서 데이터를 조회 후, 페.. 2020. 1. 11.
[react] 1 주차 react를 page 방식으로 개발해보자. (2) Props - 컴포넌트간에 통신이 가능하게 한다. element 뒤에 나오는 속성. 부모에서 자식으로 데이터를 줄 수 있고 callback을 줘서 통신이 가능하게 한다. props의 가장 중요한점은 컴포넌트간의 통신을 가능하게 한다는 점이다. read only props props를 소유하고 있는 컴포넌트만 변경 할 수 있다. 컴포넌트 트리에서 높은쪽에 있는 부모 컴포넌트가 property 값을 소유하고 있고 또한 수정 등의 컨트롤을 할 수 있지만 자식이 그 값을 변경하게 되면 리액트는 에러를 던진다. 만약 자식컴포넌트가 변경이 필요하면 부모 컴포넌트에 요청해야한다. + key라는 Props은 React내부에서 사용하는 props이기 때문에 하위 Component에 전달되지 않는다. props 예제 - .. 2020. 1. 11.

티스토리툴바