분류 전체보기 검색 결과
224 개의 검색 결과가 있습니다.
Frontend/React.js

[React] 05. 리액트 디자인 패턴 (State reducer pattern)

▶ [React] 01. 리액트 디자인 패턴 (Compound Components Pattern) ▶ [React] 02. 리액트 디자인 패턴 (Control Props Pattern) ▶ [React] 03. 리액트 디자인 패턴 (Custom Hook Pattern) ▶ [React] 04. 리액트 디자인 패턴 (Props Getters Pattern) 이번 게시글은 5가지 리액트 디자인 패턴 시리즈의 마지막인 State reducer pattern에 관한 포스팅이며. 전체 시리즈는 아래 글을 번역 및 참고하였습니다. https://javascript.plainenglish.io/5-advanced-react-patterns-a6b7624267a6 🤔 리액트 디자인 패턴 (React Design Pat..

2022. 6. 28. 12:50
Frontend/React.js

[React] 04. 리액트 디자인 패턴 (Props Getters Pattern)

▶ [React] 01. 리액트 디자인 패턴 (Compound Components Pattern) ▶ [React] 02. 리액트 디자인 패턴 (Control Props Pattern) ▶ [React] 03. 리액트 디자인 패턴 (Custom Hook Pattern) ▶ [React] 05. 리액트 디자인 패턴 (State reducer pattern) 이번 게시글은 5가지 리액트 디자인 패턴 시리즈의 네 번째인 Props Getters Pattern에 관한 포스팅이며. 전체 시리즈는 아래 글을 번역 및 참고하였습니다. https://javascript.plainenglish.io/5-advanced-react-patterns-a6b7624267a6 🤔 리액트 디자인 패턴 (React Design Pa..

2022. 6. 28. 12:03
Frontend/React.js

[React] 03. 리액트 디자인 패턴 (Custom Hook Pattern)

▶ [React] 01. 리액트 디자인 패턴 (Compound Components Pattern) ▶ [React] 02. 리액트 디자인 패턴 (Control Props Pattern) ▶ [React] 04. 리액트 디자인 패턴 (Props Getters Pattern) ▶ [React] 05. 리액트 디자인 패턴 (State reducer pattern) 이번 게시글은 5가지 리액트 디자인 패턴 시리즈의 세 번째인 Custom Hook Pattern에 관한 포스팅이며. 전체 시리즈는 아래 글을 번역 및 참고하였습니다. https://javascript.plainenglish.io/5-advanced-react-patterns-a6b7624267a6 🤔 리액트 디자인 패턴 (React Design Pa..

2022. 6. 27. 12:18
Frontend/React.js

[React] JSX란? (with. Babel)

🌈 JSX란 무엇인가? React를 이용하여 개발을 하는 사람이라면 JSX라는 문법을 한 번쯤 듣게 된다. JSX를 리액트에서 무조건 사용해야하는것은 아니지만, JSX를 통해 얻는 이점이 많아 대부분의 개발자가 사용한다. 그렇다면 JSX란 무엇일까? JSX는 JavaScript XML의 줄임말로 XML 형태로 작성되며, 아래 문법은 JavaScript에 XML을 확장한 JSX의 문법이다. const element = Hello, World!; 그밖에 JSX의 특징은 아래와 같다. ▪ JSX(JavaScript XML)는 Javascript에 XML을 추가한 확장한 문법이다. ▪ 브라우저에서 실행되기 전에 바벨을 통해 일반적인 자바스크립트 코드로 변환된다. ▪ 공식적인 자바스크립트 문법은 아니다. ▪ JS..

2022. 6. 20. 12:48
Backend/Java (Spring)

[MyBatis] 마이바티스 동적 쿼리 작성하기

🌈 마이바티스(MyBatis) 동적 쿼리 작성 ▪ 정적쿼리(Static SQL) : 조건에 상관없이 변하지 않는 쿼리 ▪ 동적쿼리(Dynamic SQL) : 특정 조건에 따라 변경되는 쿼리 마이바티스에서 작성할 수 있는 기본적인 동적 쿼리는 단순히 WHERE절에 파라미터를 적용한 방법이다. ${ } 는 파라미터 값이 그대로 들어가며 #{ } 는 파라미터 값이 작은따옴표(' ') 로 감싸서 들어간다. SELECT * FROM USER_TABLE WHERE ${searchType} = #{keyword} 1️⃣ IF if는 동적 SQL 에서 사용 시 WHERE절의 일부로 포함될 수 있다. SELECT * FROM USER_TABLE WHERE USER_STATE = ‘ACTIVE’ AND USER_ID = ..

2022. 6. 15. 12:56
DataScience

[Pandas] 판다스란? (판다스의 기본 개념과 특징)

🌈 판다스(Pandas)의 개념과 특징 판다스(Pandas)는 파이썬의 데이터 처리 라이브러리 중 가장 유명하고 인기 있는 라이브러리이다. 판다스의 네이밍 유래는 계량 경제학의 용어인 'PANel DAta'의 앞 글자를 따서 지어졌다고 한다. 1️⃣ 판다스의 특징 일반적으로 데이터 처리 시 필요한 데이터 세트는 2차원 데이터로 구성되며, 데이터 정리 분석ㆍ모델링ㆍ분석 결과 플로팅 또는 표 형식으로 표시하기에 적합한 형식으로 구성된다. 2차원 데이터는 행렬로 이루어져 있기 때문에 이해하기 쉬운 구조이며, 효과적으로 데이터를 담을 수 있기 때문이다. 또한, 판다스는 R에서 사용되던 data.frame 구조를 본뜬 DataFrame이라는 구조를 사용하기 때문에 데이터 분석을 파이썬으로 입문하는 사람들이 필수적..

2022. 6. 10. 12:59