분류 전체보기 (341) 썸네일형 리스트형 Javascript) ES6 기본 개념과 문법 정리 ES6 란? ES6는 ECMAScript 표준의 최신 버전으로 2009년도에 표준화된 ES5 이후 언어 기능에 대한 첫 업데이트입니다. 여기서 ECMAScript(ES) 란 ecma international이라는 정보 통신 시스템을 위한 국제 표준 기구가 표준화한 스크립트 프로그래밍 언어를 말합니다. 즉, 국제 표준화 기구가 자바 스크립트를 표준화하기 위해 만든 기술 규격이라고 할 수 있습니다. 최근 트랜드로 대두되고 있는 프레임워크 (react, vue등)이 개발 환경을 es6으로 맞춰가고 있기 때문에 es6에 주목할 필요가 있습니다. ES5 이하에서 문제 되었던 많은 부분들이 해결되었고, 가독성 및 유지보수성을 향상시키는 문법들이 새롭게 생겼기 때문에 지금부터 새로운 기본 문법에 대해 알아보겠습니다... SQLD) 내가 보려고 정리한 사소한 포인트 정리 반정규화 데이터 조회시 디스크 입출력 양이 많아서 성능이 저하되거나 조인으로 인한 성능저하가 예상되는 경우 반정규화 수행 반정규화 수행 전, 통계/중복/이력/부분 테이블 추가를 통해 반정규화를 회피하려고 함 반정규화 검토 대상 한 테이블의 일정 범위만 자주 조회하는 경우 대량의 데이터가 있고 대량의 데이터 범위를 자주 처리하는 경우 통계성 정보를 자주 필요로 하는 경우 통계 테이블을 추가 테이블이 지나치게 많은 조인이 필요한 경우 데이터 성능 로우 체이닝 : 로우 길이가 너무 길어서 두 개 이상의 데이터 블록에 걸쳐서 하나의 로우가 저장되는 경우 로우 마이그레이션 : 데이터 블록에서 수정이 발생하면 수정된 데이터를 해당 데이터 블록에서 저장하지 못하고 다른 블록의 빈 공간을 찾아 저장하는 방식으로 디스크.. React) 새로고침 감지하기 원래는 window.performance.navigation으로 접근했는데 그건 deprecated 됨. 아래 방법도 임시방편같은데 일단 되긴 하지만....... 다른 방법을 찾아봐야할 듯 useEffect(() => { if (window.performance) { if(window.performance.getEntriesByType("navigation")[0].type==="reload"){ // 새로고침 감지한 뒤 해야할 이벤트 } } },[]) References https://stackoverflow.com/questions/58652880/what-is-the-replacement-for-performance-navigation-type-in-angular React) detect scroll direction | 스크롤 방향 감지하기 스크롤 다운할때는 헤더 메뉴가 안보이고, 업할때 보이게 하는 기능을 만들고 싶어서 찾은 방법! const handleOnWheel = (e) => { if (e.nativeEvent.wheelDelta > 0) { // scroll up event console.log('scroll up'); setHide(false); } else { // scroll down event console.log('scroll down'); setHide(true) } } .. References http://blog.jonathanargentiero.com/detect-scroll-direction-on-react/ Java) 랜덤 아이디 만들기 - n자리수 16진수 문자열 만들기 docx 내 ooxml 코드를 직접 만져서 요소를 추가 및 제거하는 과정에서 ooxml에서 사용하는 아이디 형태가 8자리 16진수 문자열이길래 랜덤함수로 만들어 쓰기 ! 랜덤 n자리수 16진수 문자열 만드는 메소드 private String getRandom8BitHexString(n) { String hexString = ""; for (int i=0; i Java) 자바로 shell script 실행하기 1. ShRunner class 만들기 package ...; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.HashMap; import java.util.Map; public class ShRunner { public Map execCommand(String... str) { Map map = new HashMap(); ProcessBuilder pb = new ProcessBuilder(str); pb.redirectErrorStream(true); Process process = null; try { process = pb.start(); } catc.. Java) JSON body와 함께 HTTP POST 요청 보내기 1. json body 만들기 import org.json.simple.JSONObject; ... public JSONObject createRequestBody(){ JSONObject body = new JSONObject(); body.put("key", "value"); ... return body; } 2. api 콜하기 import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.IOException; import java.io.OutputStreamWriter; import java.io.InputStreamReader; import java.net.HttpURLConnection; import java.net.P.. React) framer-motion 에러 해결 : ./node_modules/framer-motion/dist/es/index.mjs Error: ENOENT: no such file or directory, open '/Users/seungyunkim/Desktop/repositories/lh-web/node_modules/framer-motion/dist/es/index.mjs' framer-motion이라는 애니메이션 라이브러리를 사용하려고 npm 설치하고 임포트했더니 이런 에러가 떴다. ./node_modules/framer-motion/dist/es/index.mjs Error: ENOENT: no such file or directory, open '/Users/seungyunkim/Desktop/repositories/lh-web/node_modules/framer-motion/dist/es/index.mjs' 해결방법 1. 버전은 4.1.17 로 내린다. // 이미 설치한 상태라면 먼저 삭제 npm uninstall framer-motion // 버전 지정해서 재설치 npm install framer-motion@4.1.17 2. 임포트를 이렇게 한다. import {.. 이전 1 ··· 6 7 8 9 10 11 12 ··· 43 다음
