목록전체 글 (131)
고양이와 코딩
코드 스플리팅이란 ? 코드 스플리팅은 하나의 파일로 번들링 된 것을 작은 조각으로 나누는 것을 의미합니다. 하나의 파일로 번들링 된 앱을 실행하면 첫 렌더링때 모든 코드 정보가 불러오게 되고, 이는 초기 렌더링을 느리게 만듭니다! 따라서 코드 스플리팅을 통해 초기 로딩 시간을 최적화 하고, 사용자 경험을 향상시킬 수 있습니다 (ง •̀_•́)ง 코드 스플리팅은 애플리케이션의 필요한 부분만 불러와, 사용자가 상호작용 하는 동안에 추가적인 리소스를 요청하는 방식으로 동작합니다. React.lazy와 Suspense React.lazy()는 동적으로 컴포넌트를 로드할 수 있는 React의 함수입니다. 'import()' 를 사용하여 컴포넌트를 동적으로 불러올 수 있게 해주는데요, 일반적으로 React.lazy..
[웹 풀사이클 데브코스 TIL] 6주차 Day 4 - 데이터베이스 연동, SQL 쿼리에서 파라미터화 된 값의 사용
SELECT (GET) router .route ('/users') .get((req, res) => { let {email} = req.body; conn.query( `SELECT * FROM users WHERE email = ?`, email, function(err, results, fields) { res.status(200).json(results) } ); }) `SELECT * FROM users WHERE email = ?`, email, INSERT (POST) // 회원가입 router.post('/join', (req, res) => { console.log(req.body) if(Object.keys(req.body).length !== 0){ const {email, name,..
[웹 풀사이클 데브코스 TIL] 6주차 Day 3 - MySql workbench를 사용해 보자
MySQL Workbench를 실행하고 새 데이터베이스를 생성하면, 오류가 납니다 ... (안 나는 날이 없음) 현재 맥북 버전은 Sonoma 14.1.1 이고, workbench 버전을 다운그레이드 해서 받아도 계속 오류가 나기 때문에 ... m1은 ARM 버전으로 다운받으라고 하던데, 저는 x86으로 받고 오류 뜨고, 재접속 하니까 되더라구요 ,,🥲 전체적인 화면 구성은 이렇게 되어있습니다! 확실히 CLI보다 간편하게 테이블을 작성할 수 있네요 ,,😮 users테이블을 작성할 때 Auto Increm 속성을 체크했더니 id 2는 작성해 주지 않았는데도, 알아서 아이디 값이 들어간 걸 확인할 수 있습니다 ㅎㅎ 그렇다면 아이디 3을 건너뛰고 4를 삽입한다면 ? 4가 들어가게 되고, 그 다음 행을 id 없..
[웹 풀사이클 데브코스 TIL] 6주차 Day 2 - 데이터베이스 생성 실습
먼저 CLI 방식으로 데이터를 만들어 봅시다 1. "Board" 스키마 생성 CREATE DATABASE Board; USE Board; 2. 사용자 테이블 생성 CREATE TABLE users ( id INT NOT NULL AUTO_INCREMENT, name VARCHAR(30) NOT NULL, job VARCHAR(100), birth DATE, PRIMARY KEY (id) ); 3. 사용자 데이터 삽입 INSERT INTO users(name, job, birth) VALUES("gongu", "actor", "800123"); 4. 게시글 테이블 생성 CREATE TABLE posts( id INT NOT NULL AUTO_INCREMENT, name VARCHAR(100) NOT NUL..
[프로그래머스] 12월18일 ~ 12월25일
12월18일 특별한 이차원 배열2 내 풀이 function solution(arr) { for (let i = 0; i < arr.length; i++){ for (let j = 0; j < i; j++){ if (arr[i][j] !== arr[j][i]){ return 0; } } } return 1; } 만약 if문을 if (arr[i][j] === arr[j][i]){ return 1; 이런식으로 작성하면 오류가 나는데요 !! 문제에서는 모든 조건이 같은 경우에 1을 리턴하도록!! 을 말하는 것 같아요.. 그래서 같은 경우가 하나 나왔을때 바로 1을 return 해버리면 안댐 .. 정사각형으로 만들기 내 풀이 function solution(arr) { const rowNum = arr.lengt..
[웹 풀사이클 데브코스 TIL] - 6주차 Day 1 - DBMS 알아보기
데이터베이스 관리 시스템 - DBMS (DataBase Management System) DBMS는 데이터를 구조화하고 저장하며 사용자들이 보다 편리하게 데이터베이스를 사용할 수 있게 해주는 소프트웨어 시스템입니다. 데이터베이스의 생성, 조작, 관리, 업데이트 및 검색 시스템을 제공하여 데이터의 효율적인 관리를 가능하게 해 줍니다 ! DBMS의 장점 데이터의 중앙 집중화 : DBMS를 사용하면 데이터가 중앙 집중화 되어 여러 사용자가 동시에 데이터를 공유하고 업데이트 할 수 있습니다. 데이터 일관성 데이터베이스 시스템은 데이터의 일관성을 유지하여 데이터의 정확성과 신뢰성을 보장합니다. 데이터 보안 DBMS는 데이터에 대한 접근 권한을 관리하여 민감한 정보(개인정보 등..)을 보호할 수 있습니다. 데이터 ..