꿈꾸는 개발자의 블로그

컴퓨터에서 실수를 표현하는 방법은 고정 소수점과 부동 소수점 두가지 방식이 존재한다. 고정 소수점(Fixed Point) 소수점이 찍힐 위치를 미리 정해놓고 소수를 표현하는 방식이다. (실수 = 정수부 + 소수부) 장점 : 실수를 정수부와 소수부로 표현하여 단순하다. 단점 : 표현의 범위가 너무 적어서 활용하기 힘들다. (정수부는 15bit, 소수부는 16bit) ex) -3.141592는 부호(-)와 정수부(3), 소수부(0.141592) 3가지 요소 필요 부동 소수점(Floating Point) 지수의 값에 따라 소수점이 움직이는 방식을 활용한 실수 표현 방법이다. 즉, 소수점의 위치가 고정되어 있지 않다. (실수 = 지수부 + 가수부) 가수 : 실수의 실제값 표현/ 지수 : 크기를 표현함. 가수의 ..

인스타그램 클론 코딩을 하면서 상단에 고정적으로 들어갈 내용이 있었다. 이를 페이지 변경 시에도 하나의 레이아웃으로 재사용하기 위하여 을 구현하여 유지하기로 하였다! 공통 레이아웃 적용하기 1. 상단에 공통으로 적용될 컴포넌트 구현하기 2. 페이지 변경 시에도 같은 모양을 유지할 수 있게 레이아웃 컴포넌트 구현하기 3. _app.tsx 구현하기 전체 코드 pages > _app.tsx import '../styles/globals.css' import Layout from '../components/Layout' function MyApp({ Component, pageProps }) { return ( ) } export default MyApp components > Layout.tsx import ..

여러 장의 카드를 가로로 놓고, 터치 스크롤 형식으로 자유롭게 좌우로 움직이고 싶었다! 좌우로 움직이는 터치 스크롤 구현하기 1. 스크롤 영역 내 내용을 줄 바꿈 하지 않고 표시하기 위해서 white-space: nowrap; 2. 스크롤 영역 벗어나는 부분 가리기 위해서 overflow-x: auto; 3. 스크롤 영역 내 들어갈 아이템 카드에 display: inline-block; 전체 코드 import React from "react"; import styled from "styled-components"; const CardScroll = () => { return ( ) } export default ScrollCard; const CardView = styled.div` width: 100%..

캐시(Cache)란? 자주 사용하는 데이터나 값을 미리 복사해 놓는 임시 장소를 말한다. 캐시 메모리 (Cache Memory) CPU와 메모리 사이의 속도 차이를 줄이기 위한 고속 메모리이다. CPU가 주기억장치에서 저장된 데이터를 읽어올 때, 자주 사용하는 데이터를 캐시 메모리에 저장한 뒤, 다음에 이용할 때 주기억장치가 아닌 캐시 메모리에서 먼저 가져오면서 속도를 향상시킨다. CPU에는 이러한 캐시 메모리가 2~3개 정도 사용된다. (L1, L2, L3 캐시 메모리) 속도와 크기에 따라 분류한 것으로, 일반적으로 L1 캐시부터 먼저 사용된다. (CPU에서 가장 빠르게 접근하고, 여기서 데이터를 찾지 못하면 L2로 감) L1 : CPU 내부에 존재 L2 : CPU와 RAM 사이에 존재 L3 : 보통 ..

시간이 정말 빠르게 지나간 것 같다. 처음에는 언제 5주가 지나나 했는데... 5주차 들어서면서는 '아직 남은 구현도 많고, 다듬어야 할 부분도 많은데! 한 주만 더 주세여...!' 라고 생각하게 되었으니 ㅠㅠ 마지막 날까지 수정한 결과 그대로 처음 기획했던 기능은 다 넣었다. 이번 프로젝트는 익숙치 않은 next.js와 typescript를 사용하면서 속도가 더뎠지만, 나름 많은 것을 배운 기회가 되었다. 다음엔 좀 더 익숙하게 사용할 수 있길 바라며... 공부해야지! 내가 완료한 기능 인트로 페이지 : 이미지 및 레이아웃 수정 퀴즈 페이지 : 퀴즈 도전 횟수 제한, 퀴즈 데이터 적용 ("quizs" 엔드포인트로 get 요청), 포인트 적립 ("points" 엔드포인트로 route=quiz인 쿼리스트링..