거니의 velog

1. 사업관리팀 2. 품질관리팀 3. 공통기술팀 4. DB 팀 5. 응용기술팀 package ddit.chap13.test; import java.util.HashMap; /** * - HashMap의 기능을 그대로 사용하고 싶음 * - 단 (key,value)의 구성 중 key는 String으로만 받고 싶음 * - new HashMap()으로 생성하는 대신에 init() 함수로 생성하도록 구성 * - getString(String key) 함수를 만들어서 String 반환하는 함수 제공 * - getInt(String key) 함수를 만들어서 Integer 반환하는 함수 제공 * - 반환타입을 동적으로 반환할 수 있는 함수 제공 * * - 현재 ParamMap 클래스의 파일 읽어서 콘솔에 나타내기 */..

https://e-7-e.tistory.com/88 ag-grid 간단 사용법 https://www.ag-grid.com/javascript-data-grid/getting-started/ 웹페이지를 만들다 보면 엑셀 모양의 리스트 페이지를 많이 만들게 되고 당연히 리스트를 만들면 페이지 나누기와 검색기능이 들어가야 하고 업 e-7-e.tistory.com [ { "name": "태한경", "alias": "숨겨진 고민", "strong": "다 이해됨", "weak": "근거가 없음" }, { "name": "공석규", "alias": "보면 다 이해", "strong": "담배피며 여유찾기", "weak": "찾을 여유가 없음" }, { "name": "노해건", "alias": "수학의 달인", "..

모바일에서 많이 쓰이는 무한스크롤 점점 데스크톱에서도 많이 쓰여용 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 난 최고의 프로그래머당 모바일에서 많이 쓰이는 무한스크롤 점점 데..

못생긴 게시판 // 공통으로 쓸 함수를 모으깅 보통 util.js // URL 인코딩/디코딩, 일반인에게만 모름, 웹 하는 사람들에겐 보안개념 1도 없음. // 인코딩 함수 : escape, encodeURI, encodeURIComponent // 디코딩 함수 : unescape, decodeURI, decodeURIComponent // var title = queryString.split("&")[0].split("=")[1]; // n_title=제목 // console.log("title : " + title); // 일일이 이렇게 언제 다함;;;; var request = {}; // 네임스페이스를 빈 객체, 사용자요청을 처리할 객체의 의미 // 좀더 정갈하고 으미있껭!, 1개만 넘어오는 값 ..

* Local Storage * Session Storage - 브라우저 => 톰캣 => DB(퍼시스턴스 레이어[영구적 저장소]) - 브라우저의 로컬 스토리지를 많이 사용. 저장 공간이 크고, 사용법도 더 좋다. 쿠키는 사용하지 않는 추세. 예전 것을 쓴다면 사용법은 알아두어야 한다. - 위 스토리지 두개는 사용법이 같으나, 로컬은 직접 삭제해 주어야 하고, 세션은 사이트 빠져나갈 시 자동으로 삭제 된다. - 문자열만 저장되고, 객체는 저장 불가. 항상 문자열화 해서 저장해야 한다. * FE(Front Engineer) 백엔드, 디비 거치도 다시 프론트로 온 사람이 가장 돈을 많이 번다. 전체 플로우를 다 알기 때문. - 사용자 컴퓨터를 사용하므로 서버 유지보수 비용이 많이 절감 됨. [localStor..

[ajaxOrigin.html] 이름,나이,별명 서강민,50,강민서 김영진,40,출판사 송시운,20,고래고래 - http://localhost:8272/jsstudy/ajax/ajaxOrigin.html https://chromewebstore.google.com/detail/set-character-encoding/bpojelgakakmcfmjfilgdlmhefphglae?hl=ko Set Character Encoding Provide right-click menu to manually set character encoding for web pages. chrome.google.com // 동기로 바꾸고 싶을 때 var xhr = new XMLHttpRequest(); xhr.open("get", "..

* CS 상식 [OS] => MS_DOS, 윈도우, 리눅스, MAC => 모든 조상은 UNIX - 윈도우는 빌게이츠가 만듦. 대학생 때 당시 Basic을 만듦. 비주얼 베이직을 구매. - 스타브잡스 아버지가 자동차 튜닝하시던 분. 사용자 편의성과 편리성에 매우 민감하게 작용했던 이유. 디자인에 성능에 예민. - 이 둘의 결정적 계기를 만난 것이 제록스. 비밀 프로젝트 => 터치 스크린 제작. 운좋게 이 둘 다 제록스 프로젝트에 참여. 컴퓨터와 연결되어서 구조를 형성했어야 하기 때문. - 명령어를 직접 치는 것보다, GUI로 변경되는 것에 대한 아이디어 착안. - 특히, 빌게이츠는 초창기 컴퓨터가 8비트 체제였는데 따라서 성능의 한계가 명확했다. 왜 맨날 8비트인가? 한마디에 16, 32, 64비트로 올라..

[이철희 선생님] * 그동안 배운 것들 정리하고, 자주 사용하는 것들에 대한 연습. 프로젝트 하기 전에 초반에 느려 보일 수 있지만 개발 속도는 빨라질 것이다. * 개념과 의미를 잘 파악하는데 집중할 것. * (중요한 것에) 최선을 다하라. 항상은 번아웃에 빠질 위험성. * DB는 통계를 통해 수치화를 근거로 삼아야 한다. 항상 개발자는 더미 데이터를 넣고 테스트를 하여 구체화해야 한다. * 프로젝트 진행 하면서 시행착오(Trial and Error)를 많이 겪어 봐야 한다. * 22/7 = 11 (성냥개비 배치) https://m.blog.naver.com/zeroizer/80001020743 기발한 성냥개비 문제 성냥개비 3개로 숫자 2 모양을 두개 만듭니다.(오히려 z랑 비슷한 모양...)그리고 그..

5. 서버 사이드 렌더링과 코드 스플리팅 * 이제 서버 사이드 렌더링을 구현한 프로젝트에 코드 스플리팅을 도입해 볼 차례이다. 일단 리액트에서 공식적으로 제공하는 코드 스플리팅 기능인 React.lazy와 Suspense는 서버 사이드 렌더링을 아직 지원하지 않는다. 2019년 4월 기준에서는 리액트 공식 메뉴얼에서도 서버 사이드 렌더링과 코드 스플리팅을 함께 사용할 때는 Loadable Components를 사용할 것을 권장하고 있다. * Loadable Components에서는 서버 사이드 렌더링을 할 때 필요한 서버 유틸 함수와 웹팩 플러그인, babel 플러그인을 제공해 준다. 일단 yarn을 사용하여 Loadable Components를 설치해 보자. $ yarn add @loadable/com..