전체 글 (64) 썸네일형 리스트형 [Develop/MyBatis] MyBatis를 이용한 Mapper 사용 시 CamelCase(카멜케이스)자동변환 Mybatis를 이용한 Mapper 사용 시 CamelCase(카멜케이스)자동변환 SpringFramework Mybatis 사용 시 Vo나 필요한 Map 클래스에 사용하기위해 CamelCase로 변환해주어야 한다 이때 수동으로 변환이 가능하지만 Mybatis옵션을 통하여 자동으로 변환하게 해줄수 있다. 설정하여 놓았던 mybatis-config.xml 에 이와같이 추가해주면 자동으로 변환이 될 수 있다. 아래와 같던 Mapper를 SQL을 이렇게 따로 변수명을 추가하지 않고 사용할 수 있게 된다. 더많은 mybatis 옵션 보기 [Develop/React] Immutable 정리 Immutable 정리 리엑트 공부 중 리덕스를 사용하면서 액션 타입, 액션 생성 함수, 리듀서를 수정하면서 새로운 객체 반환을 위해 ...을 이용한 전개연산자와 slice함수로 새로운 수정된 새로운 객체를 반환 하였다. 책에서 이러한 불편함을 편리하게 하기 위해서 페이스북 팀이 만든 라이브러리인 Immutable.js 정리가 되어있어 정리 포스팅을 작성한다. Immutable 설치 npm run immutable Immutable 필요성 이미 알고 있는 사실이겠지만, 아래와 같이 객체 불변성을 설명한다. let obj1 = {a: 1}; let obj2 = {a: 1}; obj1 === obj2 // false let obj3 = obj2; obj3 === obj2; // true 같은 객체를 가르킴 .. [Develop/React] 리덕스 개발자 도구 사용 리덕스 개발자 도구 사용 리덕스 개발 시 디버깅에 유용한 툴로 스토어의 상태나 어떤 액션들이 디스패치 되었는지 알 수 있어 유용한 툴이다. 설치방법 1. 크롬 웹 스토어에 접속한다. https://chrome.google.com/webstore/category/extensions 2. Redux DevTools 검색한다. 3. 설치 후 크롬 개발자 도구를 열어 Redux 탭을 확인한다. (바로 생성되지 않을 경우 프로젝트 재실행) 4. 설치 후엔 아래와 같은 문구가 표출되며 제대로 작동하지 않을것이다. 5. 마지막으로 프로젝트 스토어 생성 부분에 툴을 인식 할 수 있도록 아래 소스를 추가한다. const store = createStore(reducers, window.devToolsExtension &.. [Develop/React] React scss 커스터마이징 오류 React scss 커스터마이징 오류 리액트를 다루는 기술이라는 책을 통해 예제를 공부하던 중 아래와 같은 에러가 발생 'options has an unknown property 'includePaths'. These properties are valid' 책에는 scss import의 편리함을 위하여 webpack.config를 커스터마이징하여 scss파일을 불러올 때 styles 경로를 잡아주어 절대경로로 불러올 수 있도록 설정하는 방법을 설명해줬다. 참고 - https://velog.io/@velopert/react-component-styling 현재 보고있는 책은 리액트를 다루는 기술에 개정판이 아닌 초판이라 설명이 다른건진 모르겠지만 찾아본 결과 책에는 아래와 같이 options에 추가하도록 .. [Develop/React] React ie지원 설정하기 React ie지원 설정하기 create-app-react로 프로젝트로 기본 설정을 잡고 시작하였을 때 기본적으로 크게 아래와 같은 모듈 설정이 잡힌다. Webpack : minify, uglify 등을 포함한 모듈 번들링 도구 Babel : ES6, React 등의 문법을 ES5 코드로 변환시켜주는 트랜스파일러 Autoprefixer : 다양한 벤더(브라우저)들에게 적절한 CSS 가 적용될 수 있도록 prefix를 붙여준다. ESLint : 자바스크립트 lint, 코드 컨벤션과 오류 등을 잡아준다. Jest : 자바스크립트 테스트 도구 ie11, 9를 지원하기 위해서는 react-app-polyfill이 필요하다 babel이 크로스브라우징을 위해 es6 구문들을 es5 구문으로 이해할 수 있도록 해준다.. [Develop/JavaScript] jQuery / JavaScript disabled 속성 사용하기 jQuery / JavaScript disabled 속성 사용하기 어떤 상황에 있어서 버튼을 활성화 시키고 비활성화 시키고싶을 때가 있을 것이다. 오류 소스 $('선택자').attr('disabled','true'); $('선택자').attr('disabled','false'); 이방법은 틀린 방법이였다 일단 disabled 자체 속성은 비활성화를 하는속성이다. 따라서 true든 false든 비활성화가 유지된다. 해결방법 $('선택자').removeAttr('disabled'); 위처럼 disabled 속성을 지워주는것이다. 이렇게되면 활성화하고 싶을경우 attribute 속성을 제거해주면 되고 비활성화해주고 싶을경우 disabled 속성을 주면 되겠다. [Develop/Database]DELETE와 TRUNCATE 차이 DELETE와 TRUNCATE 차이 DELETE와 TRUNCATE는 테이블의 내용을 삭제하기 위한 database sql 언어들로 둘은 공통점을 가집니다. 그렇다면 그 차이점은 무엇일까요? 먼저 DELETE는 SELECT, INSTER, UPDATE와 같이 테이블 데이터를 조작하기 위한 DML(Data Manipulation Language)이고 TRUNCATE는 CREATE, DROP, ALTER와 같이 스키마를 정의하거나 조작하기 위한 DDL(Data Definition Language)입니다. Microsoft Doc을 찾아본 결과 아래와 같이 설명하였습니다. DELETE 문과 비교하여 TRUNCATE TABLE에는 다음과 같은 이점이 있습니다. 트랜잭션 로그 공간을 덜 사용합니다. DELETE 문.. [Daliy] 제7회 핀테크×인슈어테크 해커톤 참가 [KISA] 제7회 핀테크×인슈어테크 해커톤 한국인터넷진흥원에서 한국핀테크산업협회, 금융결제원, 코스콤, 손해보험협회와 함께 "제7회 핀테크×인슈어테크 해커톤을 개최하여 이번에 같이 공부하는 친구들과 함께 참가하게 되었습니다. 대회정보 - https://www.onoffmix.com/event/194608 신청기간동안 거의 매주 만나 여러 아이디어를 기획하고 서류를 제출하여 선정되었습니다. 서류합격 후 개발기간이 넉넉한 편이 아녔기에 아주아주 맡은 역할에 열심히 했던 것 같습니다. 위처럼 여러 팀이 무박 2일 동안 개발을 진행할 수 있도록 좋은환경을 제공하여 줍니다. 회사를 마친 후 도착해서 위와같이 해커톤 마크가 있는 후드 집업을 제공하여 주고 많은 분들이 개발을 진행하고 있었습니다. 위에보이시는 모니.. 이전 1 ··· 4 5 6 7 8 다음
