#Record

GIT이 그으렇게 중요하담서,,,8ㅅ8우선 필수 리눅스 명령어 (GIT명령어 아님) 부터 복기!<span style = "font-size: 16px; color: 1\. Visual studio code 열기2\. Visual studio code 의 Termi

[본격] 깃이 그으으으렇게 중요하담서,,,8ㅅ8 1. 코드 관리를 시작하는 명령어 - git init 프로젝트 시작 전에 딱 한 번만 입력하면 됩니다. 하지만 잘못하면 데스크탑 전체 파일과 폴더를 세상에 공개할 수 있기 때문에 정확한 프로젝트 폴더에서 입력해야 합니다!! 물론 여러 번 입력해도 문제가 되지는 않습니다. 2. 코드 저장 명령어 git a...

화면을 전환하는 자바스크립트 코드를 짜 보자.switch 를 add 하거나 remove 하여 모달창을 켜고 끄는 로직을 짜보았다.결과는??장렬히 실패,,,8ㅅ8

toString() 메서드는 해당 오브젝트를 표현하는 문자열을 반환합니다. 기본적으로 toString() 메서드에는 매개변수가 없습니다! 객체를 표현하는 문자열을 반환하는 메서드입니다.split() 메서드는 문자열을 배열 형태로 찢어주는 메서드.split('') 형태로

버전 제어 시스템과의 통합을 제공하고, 코드의 변경 상태를 빠르게 파악할 수 있도록 도와주는 vs코드 파일 옆의 기호에 대해외워 놓으면 더욱 편리한 버전 관리가 될 수 있겠다 :)

웹사이트는 책, 웹페이지는 책 속의 각 페이지와 같습니다.HTML로부터 DOM트리를, CSS로부터 CSSOM 트리를 빌드합니다.DOM 및 CSSOM을 결합하여 렌더 트리를 형성합니다.렌더 트리에서 레이아웃을 실행하여 각 노드의 기하학적 형태를 계산합니다.개별 노드를 화

풀이1toLowerCase 는 문자열을 소문자로 변환하는 메서드. 문자를 소문자로 전부 바꾸어 계산한다.split() 메서드는 문자열을 지정한 구분자를 기준으로 나누고, 나눠진 결과를 배열로 반환한다. 예를 들어p 를 기준으로 나누었으므로, 첫 번째 p 의 앞부분 a

연산자에 대한 TMI + 연산자는 문자열 연결 연산과 덧셈 연산의 두 가지 역할을 수행합니다. 피연산자 중 하나가 문자열이면, 다른 피연산자를 문자열로 변환하여 문자열 연결을 수행합니다. 따라서 첫 번째 값은 2 를 반환하고, 두 번째 값은 11 을 반환합니다. -

calculate(매개변수, 매개변수, 매개변수) 함수: 세 개의 매개변수와 if if else 문으로 사칙연산 코드 완성 : )switch 문은 하나 이상의 case 문으로 구성. 대개 default 문도 있지만, 필수는 아니다!가독성이 좋고 쓰기도 간단하다 : )

영화 사이트를 만들어 볼 것이다. 이거 짜는 데 하루 하고 6시간 걸림. 내가 개발자를 해도 되는걸까? ㅎㅎ 다른 방법도 하나 알아냈다. 아예 API부터 싹 getMovies 변수 안에 넣어 async await 까지 처리해버리기. 그리고 HTML 파일 안의 요소들도 그냥 백틱으로 묶어서 생성과 동시에 데이터를 불러와버리기. 스타일은 똑같이 클래스...

대괄호 [ ] |&nbsp 사용사례 |&nbsp 설명 |&nbsp 예제 | | :--- | :--- | :--- | |&nbsp 배열 |&nbsp 여러 개의 값을 담을 경우 &nbsp|&nbsp&nbspconst arr = [1, 2, 3, 4]; &nbsp| |&nbsp 배열 인덱싱(Indexing) &nbsp|&nbsp 배열 요소를 접근할 때 사용 &...

1. 페이지를 reload해도 스크롤의 위치가 그대로! (1) localStorage를 이용한 방법 localStorage.setItem("scrollPosition", window.scrollY); : 현재 스크롤 위치를 저장 localStorage.getIte

평소에는 flex를 애용하는 사람으로서, 그리드를 사용하는 연습을 해보려고 이번에는 그리드를 써 보았다.그런데 괜히 했다아니 fraction 주면 된다고 했자나요,,, 검색 기능 구현 부분 코드를 지저분하게 짜서 style 속성을 적용하기가 기본적으로 쉽지 않았지만,

처음 리액트 프로젝트를 생성하면 나오는 바로 이 파일. main.jsx 이다.이외에도 수많은 파일이 초기값으로 세팅되는데, 뭔지 몰라서 정리를 못 한 상태로 시작.일단 import App from "./App.jsx"; 부분이 App.jsx 와 App.css 를 불러오

만능템Index 는 조작을 가할 첫 번째 요소deleteCount 제거하고자 하는 요소의 개수elem1, ..., elemN 배열에 추가할 요소삭제한 요소들로만 배열을 만들 수도 있다.deleteCount 를 0 으로 설정하면 요소를 제거하지 않고 새로운 요소를 추가할

박스 삼형제의 border 스타일을 지정해보자. 먼저 styled-components 익스텐션을 설치해 줘야 한다. 그리고 나서 yarn add styled-components 명령어를 입력해주면 준비 갈 완료!기본적인 구조는 이렇다. 백틱으로 감싸주면 끝!나머지 코드

useState 상태를 관리하는 훅 클래스형 컴포넌트에서 this.state 와 setState 를 대체하는 역할

도메인 단위로 정보를 저장해주는 랜선 저장소오직 문자열의 형태로만 저장할 수 있습니다.브라우저를 닫아도 데이터가 유지된다. (같은 도메인에 한해)key - value 페어로 데이터를 저장한다.삭제 로직이나 호출 로직은 key 값만 가지고 핸들링할 수 있다!객체나 배열을

동기 : 순차적 처리일의 순서가 중요할 경우, 동기 처리!데이터를 받아온 후에, 해당 내용을 브라우저에 띄우는 경우 => 데이터 받아오는 과정이 먼저!단점 : 응답을 기다리는 동안 대기해야 한다.비동기 : 동시다발적 처리요청과 응답이 비순차적일의 순서가 중요하지 않은

JSON Server 실행 실행이 잘 되고 있는지 확인 각 서버가 정상적으로 실행되었는지 확인하려면: Vite 확인: 브라우저에서 http://localhost:5173 (기본 Vite 포트)로 접속 JSON Server 확인: 브라우저에서 http://local

웹 개발에서 '서버'의 개념과 활용 개인 프로젝트를 진행해야 하는데, 갑자기 JSON 서버가 등장하면서 혼란에 빠졌다. 알고 나면 그렇게 어렵지 않은 개념인데도, 늘 개념을 받아들이는 태도가 너무 시리어스하다,,;; 서버(Server)란? ✔ 사용자의 브라우저로부

[React] [Vite] [Vercel] vite 환경에서 배포 시 로컬 이미지 / 비디오 소스 출력하는 방법 src > assets > videos 폴더에 이미지 삽입. 로컬 환경에서는 출력되던 비디오가 나오지 않음. vite에서 영상 같은 정적 파일은 publi

Users Table 에서 column 이름을 변경하려다가 그만,, | policyname | tablename | cmd | roles | qual | with_check | | :--: | :--: | :--: | :--: | :--: | :--: | | Enab

Next.js 성능 (Performance) 서버 사이드 렌더링(SSR) 및 정적 사이트 생성(SSG) 기능을 제공하여 초기 로드 시간을 단축한다. 코드 스플리팅 및 이미지 최적화와 같은 기능으로 런타임 성능을 향상시킨다. 📌 잠깐! Next.js 가 제공하는 렌더링 방식에는 어떤 것들이 있을까? 1. SSR (Server Side Renderin...