C언어 변수명 작성 규칙 >영문자 또는 언더바(_)로 시작해야 한다 공백은 포함 불가 맨 앞에 숫자 불가 출력 함수 / 입력 함수 >putchar() : 화면에 한 개의 문자를 출력 puts() : 화면에 문자열을 출력 > >getchar() : 키보드를 통해 한

E-R 다이어그램 기호 > 사각형 - 개체 Entity => 테이블명 마름모 - 관계 Relationship 타원 - 속성 Attribute 밑줄 타원 - 기본키 속성 이중 타원 - 복합 속성 용어 >- SSO 한번의 로그인으로 다른 사이트들을 자동으로 접속 OAu

공격 유형 DOS vs DDOS >DOS는 시스템의 리소스를 과도하게 사용하여 사용자가 정상적인 서비스를 이용하지 못하도록 만드는 공격 > 접속 요청을 엄청 많이 보내서 다른 사용자가 들어가지도 못하게 하는 것. 규모가 작고 막기 위해 공격 IP 차단만 하면된다. >

앱 설계 디자인 패턴 >생성 패턴 5 > 암기 법 : 싱글 팩토리 빌드 프로토스 앱 |패턴|설명| |---|---| |Singleton|인스턴스 하나임을 보장| |Factory Method|객체 생성을 서브클래스에 위임| |Builder|동일한 생성 절차, 다양한 결

테스트 테스트 커버리지 >구문 커버리지 : 구문에 대해 한번 이상 수행 조건 커버리지 : 개별 조건식 / x > 0 결정 커버리지 === 분기 : 결정 포인트 내의 모든 분기문에 대해 수행 / if(x > 0 && y 화이트박스 테스트 : 소스코드 (개발자 위주 테스트

메모리, 프로세스 메모리 페이지 교체 알고리즘 목표 : 페이지 부재를 최소화해서 시스템 성능 향상 |페이지 교체 알고리즘|설명| |---|---| |FIFO (First in, First out)|가장 먼저 들어온 페이지를 가장 먼저 내보내는 방식| |LRU (Lea

SQL 관계형 데이터베이스 RDBMS를 위해 설계된 프로그래밍 언어 정의, 조작, 제어 정의어 |유형|설명| |---|---| |정의어 DDL|CREATE / DROP / ALTER / TRUNCATE| |조작의 DML|INSERT / UPDATE / DELETE /

1.문제 상황 : Progress 로직 리펙토링 중 무한 랜더링 발생 스쿼드 에디터에서 진행 상태(포메이션 선택, 선수 11명 배치, 제목 입력, 감독 이미지, 메모 입력)를 표시하는 SquadEditorProgress 컴포넌트를 구현하면서, 여러 컴포넌트에서 중복으

FOIT는 폰트가 완전히 다운로드될 때까지 화면에서 텍스트를 숨기는 방식을 의미합니다. 사용자는 폰트가 로딩되는 동안 텍스트를 볼 수 없으며, 폰트 다운로드가 끝난 후에야 텍스트가 노출됩니다. 이 방식의 단점은 폰트 로딩이 지연될 경우, 사용자에게 불편함을 줄 수 있다

웹사이트를 만들면서 누구나 한 번쯤 마주치는 문제가 바로 이미지 최적화입니다. 이번에 진행한 프로젝트에서도 Lighthouse 성능 검사를 해봤더니 이미지가 JPG 형식이라서 성능 점수가 생각보다 좋지 않았어요. 이미지는 웹사이트의 성능과 사용자 경험에 정말 큰 영향을

리액트로 만든 카드 리스트 페이지에서 A 카드를 클릭해 상세 페이지로 이동하고, 스크롤을 내렸다.이후 뒤로가기를 누르면 카드 리스트로 돌아오는데, 스크롤이 내려간 상태가 그대로 유지되었다.다른 카드를 클릭해도 여전히 스크롤이 내려간 위치에서 열리는 문제가 발생했다.리액

최근에 토이 프로젝트를 진행하면서 날짜 데이터를 사용자에게 보여줘야 하는 부분이 생겼다. 처음에는 JavaScript의 기본 Date 객체를 사용하려 했지만, 날짜 포맷팅과 로케일 지원이 번거로웠다. 그래서 좀 더 편리한 방법을 찾다 보니 date-fns, moment

웹 프로젝트에서 폰트는 디자인과 가독성을 결정하는 중요한 요소입니다. 이번 글에서는 웹 폰트 서비스를 이용하는 방법과 직접 폰트를 다운로드하여 적용하는 방법을 비교해 보겠습니다.먼저 네이버 한글 폰트 사이트에 접속합니다. https://hangeul.naver

CSS 프레임워크. 미리 정의된 클래스를 사용하여 HTML 스타일을 쉽게 적용할 수 있음클래스 기반 : Utility-first라는 개념하에 클래스 이름으로 스타일링 가능. HTML와 CSS를 분리를 최소화하여 재사용성을 높임.커스텀 설정 : tailwind.confi

서버 및 클라이언트에서 자바스크립트 코드를 실행하고 데이터를 초기화하는데 사용되는 개념이다. (서버측과 클라이언트측에서 둘 다 실행될 수 있음으로 SSR, CSR 모두 사용 가능) 해당 컴포넌트를 사용하면 서버에서 데이터를 미리 가져와 클라이언트로 전달하거나, 클라

Next.js는 파일 시스템 기반의 라우팅인 Pages Routers 을 제공한다.파일을 Pages 라는 폴더 안에 생성하면, 자동으로 라우팅이 적용된다.pages/faqs/index.ts 파일 ⇒ “/faqs” 라는 경로로 자동으로 라우팅이 적용 (따로 라

데이터 페칭 (Data Fetching) 정리 글

package.json 파일의 Dependencies VS devDependencies에 대해 정리한 글

NextJS를 사용한 강의를 듣기 전에 NextJs에 사전에 공부하고, 공부한 내용을 정리한 글

의도한대로 코드를 실행시키려면 브라우저가 어떻게 렌더링 되는지 파악해야 더 효율적인 코드를 작성할 수 있다고 생각해서 정리한 글입니다.