[컴활2급 | 필기] 컴퓨터일반 요약

컴퓨터(EDPS) 컴퓨터 특징: 자동성, 정확성, 범용성, 호환성, 대용량성데이터마이닝: 대량의 데이터를 분석하여 일정한 패턴을 찾아내어 가치있는 정보를 추출하는 기술애니악(ENIAC): 세계 최초의 전자계산기(외장방식이용: RAM 없음)애드삭(EDSAC): 세계 최초의 프로그램 내장 방식(RAM 있음)애드박(EDVAC): 내장방식 + 2진법 채택(폰 노이만이 만듦)유니박(UNIVAC): 최초의 상업용 컴퓨터*GIGO: 잘못된 자료가 입력되면 잘못된 자료가 나온다(수동성 강조)👩‍🦰 [ 컴퓨터 세대별 특징 ]1세대: 진공관,자기드럼 | 일괄처리, 기계어, 하드웨어개발, 기계어, 오프라인2세대: 트랜지스터 TR | 실시간처리, 고급언어, 운영체제(OS)도입, 다중프로그램, 온라인3세대: 집적회로 IC,..
private/자격증 2023. 10. 12. 23:54
[정처기 실기| 프로그래밍 문제] 2023 2회차 문제풀이

4. C언어: 2023에서 4의 배수 개수 구하기 #include int main(){ int c=0; for(int i=1; i 즉, 2023 을 4로 나눈 몫의 값이 c가 된다. 9. C언어: 54321 -> 43215 로 구현 - printf("%d", ( 여기! )); #include int main() { int n[5] = {5, 4, 3, 2, 1}; for(int i=0; i old하고 현재는 컴파일하려면 에러가 나는 메서드이긴함.. scanf - printf , gets - puts 이렇게 쌍으로 이루어진 입출력 함수라고 생각하면 된다. 이해하지 못하더라도 대충 입력값으로 변수n을 받는다는 것이며 이 문자열 n을 return 한다. n1, n2, n3 변수는 char*로 포인터 변수로 선..
프로그래밍/CS 지식 2023. 9. 29. 22:23
[13 | Next.js] prettier v3 + prettier-plugin-tailwindcss 설정 관련 이슈

넥스트 프로젝트를 진행하면서 테일윈드를 사용하게 됐는데 발빠른 사람들이 tailwindcss의 클래스명을 정렬해주는 플러그인을 만들었길래 적용해보았다. 공식 repo에 가보면 class명을 어떤 순서로 자동으로 정렬해주는 지 설명해주기 때문에 README를 읽어보고 원하면 적용하는 것이 좋을 거 같다. 아래는 prettier-plugin-tailwindcss 의 공식 repo이다. https://github.com/tailwindlabs/prettier-plugin-tailwindcss GitHub - tailwindlabs/prettier-plugin-tailwindcss: A Prettier plugin for Tailwind CSS that automatically sorts classes base..
카테고리 없음 2023. 9. 20. 21:33
[13 | Next.js] Router, 이미지 최적화 error 메세지

Router redirect 기능처럼 컴포넌트에서 버튼을 클릭해서 동적 라우팅을 구현할 수 있다. 참고로 app 내부의 컴포넌트는 서버 컴포넌트 이기 때문에 사용자가 클릭해서 클라이언트 라우팅을 시키려면 버튼 컴포넌트는 따로 클라이언트 컴포넌트로 빼줘야 한다. 예시 코드 products 상세페이지 서버 컴포넌트 src/app/products/[item]/page.tsx import { Metadata } from "next"; import React from "react"; import { typesOfItem } from "@/app/shared/const"; import { getProduct } from "@/service/products"; import { notFound, redirect } f..
카테고리 없음 2023. 9. 14. 23:41
[13 | Next.js] Redirects & Rewrites 기능

Redirects 리다이렉트 기능, 컴포넌트 내에서 사용하던 redirect 함수와는 다르다. 물론 기능 자체의 개념은 같다. 웹 페이지를 캐시 해둔 모든 곳(클라이언트 및 검색 엔진)에서 혼란스러운 상황을 방지할 수 있도록 활용한다. 라우트별 리다이렉트 기능은 next.config.js 에서 설정해줄 수 있다. /** @type {import('next').NextConfig} */ const nextConfig = { eslint: { dirs: ["src"], }, images: { remotePatterns: [ { protocol: "https", hostname: "images.unsplash.com", }, ], }, async redirects() { return [ { source: "/..
Frontend/Next.js 2023. 9. 9. 23:39
[13 | Next.js] 넥스트에서 API 만들어 사용하기( Route Handlers )

API Routes(12ver) == Route Handlers (13ver) ? Route Handlers allow you to create custom request handlers for a given route using the Web Request and Response APIs. (라우트 핸들러스는 Request 와 Response 웹 API를 활용하여 주어진 경로에 커스텀 요청 핸들러를 만들게 해준다.) => 즉, next 를 활용해서 풀스택 프로젝트를 구현할 수 있다는 부분은 이 기능이 제공되기 때문인 거 같다. next 12버전의 API 라우트와 13버전의 라우트 핸들러스가 같은 키워드 같아서 적어놨다. 아래의 next 공홈에서 가져온 good to know 에서 유추한 내용이다. Go..
Frontend/Next.js 2023. 9. 5. 23:42
[13 | Next.js] 넥스트 프로젝트에서 ISR 하는 법

넥스트 13버전의 docs인 Using App Router 에는 ISR 이라는 키워드를 직접적으로 찾을 수 없었다. 정의를 알고싶다면 Pages Router ( Next 12) 에서 검색해보면 된다. App기반 docs에서 ISR을 검색하면 Data fetching 과 관련된 내용이 나오는데 revalidate 라는 키워드와 직접 연관이 있기 때문인 거 같다. Next 에서는 Time-based Revalidation 라고 명시되어 있는데 이 키워드가 ISR과 동일한 개념인 거 같다. ISR(Incremental Static Regeneration) Next.js를 사용하면 사이트를 구축한 후 정적 페이지를 만들거나 업데이트할 수 있다. 증분 정적 재생성(ISR)을 사용하면 전체 사이트를 다시 빌드할 필..
Frontend/Next.js 2023. 9. 4. 22:42
[13 | Next.js] 클라이언트 컴포넌트와 서버 컴포넌트

우선 간단히 넥스트 12버전과 13버전을 비교하면 아래와 같다. Next 12ver 페이지 단위 렌더링 방식 규정 => 13버전보다 구성이 심플할 수 있으나 효율성이 떨어질 수 있음 Next 13ver 컴포넌트 단위 렌더링 방식 규정 => 12버전보다 구성하는 것이 복잡할 수 있으나 어플리케이션 효율성이 높음 리액트 18버전부터 Server Component가 도입되면서 페이지 내에 2가지 컴포넌트가 믹스되어 구성될 수 있음(클라이언트 & 서버 컴포넌트) 서버 컴포넌트(Server Component) app 폴더 내부에 있는 컴포넌트들은 기본적으로 서버 컴포넌트(서버에서 실행되는 컴포넌트)이다. 서버 컴포넌트는 말 그대로 서버에서 실행되는 컴포넌트 이기 때문에 이 컴포넌트는 브라우저에서 그려지는 것이 아..
Frontend/Next.js 2023. 8. 31. 23:38
1 2 3 4 ··· 49