목록elice (30)
치악산 복숭아
1. useState 단순한 하나의 상태를 관리하기에 적합함 const [state, setState] = useState(initState | initFn) 리액트는 state가 바뀌면 state를 사용하는 컴포넌트를 리렌더함 useEffect와 함께, state에 반응하는 hook을 구축 패턴 상위 컴포넌트에서 state와 state 변경 함수를 정의 그 state나 변경 함수를 사용하는 컴포넌트까지 prop으로 내려줌 state가 변경되면 중간에 state를 넘기기만 하는 컴포넌트들도 모두 리렌더링됨 ➡️ 상태와 상태에 대한 변화가 단순하거나, 상대적으로 소규모 앱에서 사용하기에 적합 2. useRef 상태가 바뀌어도 리렌더링하지 않는 상태를 정의함 ➡️ 상태가 UI의 변경과 관계없을 때 사용 리..
1. 리액트와 사용하기 좋은 Styling 도구 종류 1) CSS Module CSS 파일의 확장자를 .module.css 로 지정해서 사용 장점 단점 class, id 등에 random string을 달아주기 때문에 선택자가 겹치지 않음 스타일 충돌을 방지하고 코드를 격리하여 CSS 설계가 가능 스타일링을 일일히 직접 해야함 //App.jsx import styles from "./app.module.css" export default function App() { return ( Pink Hello world Normal Hello world ); } /* app.module.css */ h1 { font-size: 1.5rem; } .title { font-size: 2.5rem; color: pa..
1. 데이터베이스 여러 사람이 공유해 사용할 목적으로 통합하여 관리되는 데이터의 모음 ex) Maria DB, Oracle DB 등 SQL: 데이터베이스에 접근, 조작하기 위한 표준 언어 Structured Query Language 1) 관계형 데이터베이스 / 비관계형 데이터베이스 관계형 데이터베이스: 하나 이상의 테이블로 이루어지며 서로 연결된 데이터를 가지고 있음 SQL을 통해 제어 가능 비관계형 데이터베이스: 데이터들간의 연결이 없음 2) 테이블의 구성 요소 ⬇️컬럼(Column, 열)⬇️ ⬇️컬럼⬇️ ⬇️컬럼⬇️ 레코드(Record)➡️ 사번 이름 성별 레코드➡️ 001 철수 남성 레코드➡️ 002 영희 여성 컬럼: 주제, 제목 레코드: 내용, 값 모든 테이블은 고유의 이름으로 구분 명령어 1)..
1. 내가 생각하는 엘리스에서 가장 귀여운 캐릭터: 거북이 열일하는 봇이라서 실강날이면 맨날 레이서님들~ QR 체크인 해주세요~ 체크아웃 해주세요~~ 하는게 넘모 귀엽다 난 강경토끼파지만 이렇게 귀여운 거북이는 못참지,,, 2. 스터디 후기 1) 블로그 글 꾸준히 쓰는 스터디: 정리 잘 하시는분들이 많아서 존경스러움,,,ㅠ 나도 벨로그로 시작할걸 좀 후회되지만 어차피 개인 정리용이니까 티스토리로 계속 가는걸로💨 최종 목표는 글 잘 다듬어서 깃허브 블로그에 하나씩 정리하기....!!!! 2) 알고리즘 스터디: 역시 다른 사람들이 쓴 코드 보는게 도움이 많이 되는거 같다...내일 첫 모임인데 호다닥 준비해야지 3) 하루 일과를 쓰는 스터디...까진 아니고 소모임 느낌?: 다른 사람들이 어떻게 시간을 쓰는지 ..