Coding Planet

1. 익명 함수 전달 (() => handleSelect) handleSelect('Components')}>Components의미: onSelect 이벤트가 발생할 때마다 새로운 함수 객체를 생성해서 전달하는 것장점: 특정 인자를 함수에 전달해야 할 때 유용단점: 매 렌더링마다 새로운 함수 객체가 생성돼서 메모리 사용이 증가할 수 있다. 이로 인해 불필요한 렌더링이 발생할 수 있는데, 특히 PureComponent나 shouldComponentUpdate를 사용하는 경우 2. 함수명만 전달 (handleSelect)JSX의미: onSelect 이벤트가 발생할 때 기존에 정의된 함수를 그대로 전달하는 것을 의미장점: 함수 객체를 새로 생성하지 않기 때문에 메모리 효율적이고, 불필요한 렌더링을 방지단점: ..

| 배열 디스트럭처링의 기본 개념배열 디스트럭처링(array destructuring)은 JavaScript의 ES6(ECMAScript 2015) 기능으로, 배열의 요소를 쉽게 추출하여 변수에 할당할 수 있게 해주는 문법이다. 이 문법은 리액트의 훅(예: useState)을 사용할 때 매우 유용하다.즉, 배열 디스트럭처링은 배열의 요소를 분해하여 별개의 변수에 할당하는 방식이다. const fruits = ['Apple', 'Banana', 'Cherry'];// 배열 디스트럭처링const [firstFruit, secondFruit, thirdFruit] = fruits;console.log(firstFruit); // Appleconsole.log(secondFruit); // Bananaconso..

|  Components Are UI Building Blocks React Apps are build by combining components.| Why Components?1) Reusable Building BlocksCreate small bulding blocks&compose the UI from themIf needed:Reuse a building block in different parts of the UI(e.g., a resuable button)2) Related Code Lives TogetherRelated HTML & JS(and possibly CSS) code is stored together.Since JS influences the output, storing JS +..

https://www.udemy.com/course/best-react/?couponCode=ST18MT62524 강의 구매자가 80만명이 넘는 강의이다. 강의가 워낙 많아서 필요한 부분을 모듈 형식으로 공부해야겠다.

| 오류코드                Error: error:0308010C:digital envelope routines::unsupported     at new Hash (node:internal/crypto/hash:80:19)     at Object.createHash (node:crypto:139:10)     at module.exports (C:\workSpace\react-boilerplate\node_modules\webpack\lib\util\createHash.js:90:53)     at NormalModule._initBuildHash (C:\workSpace\react-boilerplate\node_modules\webpack\lib\NormalModule.js:401:16..

본인은 비전공자이지만 현업에서 개발을 하고 있는 개발자(개발호소인)이다. SQLD 자격증을 가지고 있다. 하지만 필기도 턱걸이 합격을 했고 취업에 바빠 한참 미뤄두던 실기를 이제야 시험보고 통과하게 됬다.정석적으로 공부하지 않았고 간신히 통과했기때문에 저렇게하면 저런 점수 받는구나 정도로 봐주시길.. 1. 준비기간 (3주 4/8 ~ 4/27)총 기간은 3주. 팽팽 놀다가 1주일 위기감 느껴서 하루에 3시간 이상 하고 막판 일주일에 빡집중했다. 회사일과 병행하다보니 절대적인 공부시간이 부족해서 결국 시험 하루전에 월차쓰고 하루종일 공부했다. 결국 실질적인 공부 기간은 2주이다.1주 : 하루에 2~3시간 요약집 보고 해당 과목 문제 바로 풀기2주 : 흥달쌤 마무리 특강 8강 보기 - 모의고사 풀기3주 : 기..

어떠한 테이블에서 문자열을 가지고와 다른 테이블을 수정한다면 일반적으로 select문으로 해당 값을 조회하고 update문을 작성하면 그만이다. 하지만 만약 이러한 작업이 여러번 이루어져야 한다면?  예를들어 `employee` 테이블에서 직원의 직무(`job_title`)를 가져와서 `employee_salary` 테이블의 급여 설명(`salary_description`)을 업데이트하는 로직을 생각해보자 일반적인 작업은 'employee'테이블에서 job_title을 조회하고 이 값을 이용하여 `employee_salary` 테이블을 업데이트하는 `UPDATE` 문을 작성한다.- `employee` 테이블: 직원 정보를 저장하는 테이블- `employee_salary` 테이블: 직원의 급여 정보를 저장..

dbeaver unhandled event loop  cannot set data in clipboard  dbeaver에서 복사 붙여넣기가 안되는 오류  -> dbeaver 껐다 켜는걸로는 해결 안됬고 컴퓨터를 재부팅해서 해결됬다. 다른 작업하면서 클립보드끼리 충돌난거 같은데 정확한 원인은 아직 불명 ㅠ

| writeListToCSVFile 메서드를 호출하여 파일을 생성- 해당 클래스는 제목행(header row)와 내용행(data row)를 각각 분리하여 생성한다.- fileName : 경로를 포함한 파일이름(ex. /portal/upload/DATA_202305240323420290)- headerlist : 제목행- dataList : 내용행- dataList 자체는 컬럼과 데이터로 짝지어 있지만 실제 파일 생성은 데이터만을 사용한다. 즉 제목행은 빨강,  파랑, 노랑이고 데이터 1, 데이터2, 데이터3이 쌓인다.List headers = Arrays.asList("빨강", "파랑", "노랑");List> data = new ArrayList();Map row1 = new HashMap();row1..

private static String escapeSpecialCharacters(String data) { if (data == null) { return ""; } String escapedData = data.replace("\"", "\"\""); if (data.contains(",") || data.contains("\n") || data.contains("\"")) { escapedData = "\"" + escapedData + "\""; } return escapedData; }}데이터를  csv로 만드는 과정에서 특수문자에 대한 처리가 필요하다. data list에서 ..