본문 바로가기

전체 글

 (44)
세일러 미피 장간이 준 부산에만 있다는 세일러 미피 🤍그냥 미피도 귀여운데 세일러복까지 입음 ㅠ
5월 연휴 6일 연휴 시작!시작은 뿌링뿌링 파티 ✨이 날 칼로리는 상상도 안 가지만행복해서 계산 안 함. 이번 어버이날.드디어 현금 대신 실물 선물 준비 완료.오랜만에 마음 담아 진짜 선물 고름.근데 이제나 대신 오빠가 드림.🥹 시계는 와치 시계는 와치컬러는 국방색으로 결정! 나.. 수상할 정도로 국방색을 좋아함왜인지 모르겠는데 보면 고름 워치 초기 세팅해 주는데…예전엔 이런 거 척척했었거든요?근데 요즘은 터치 한 번에 멍 3초.화면은 다음 페이지인데, 내 정신은 아직 로딩 중임이게 뭐고? 이러고 있음 기술은 앞으로 가고, 나는 뒤로 감.늙었나 봄. 진심임.그리고 내게도 와치가 생겼다!사실 오빠 건데 안 쓰길래 나주라 시전 성공적.지금은 내 손목에 자연스럽게 있음.원래 내 거였던 것처럼.여유로운.. 오후에.. 커..
[Figma 기초실전] 텍스트 및 버튼을 frame으로 전환 shift + a
[개발지식]"Redux가 실제로 작동하는 방식과 의도하는 방식을 구별해야 한다" [개발지식] "Redux가 실제로 작동하는 방식과 의도하는 방식을 구별해야 한다" 들어가며리액트에서 useState 훅을 사용해서 상태값을 관리했는데 새로고침하면 초기값으로 돌아갔다.새로고침시에도 바뀐 상태값을 유지시키고 싶어 useState 초기값에 함수로직을 작성해봤다.검색해보니 이걸 '함수형 초기값' 또는 '레이지 초기값(lazy initial state)'라 함.const state값유지함수 = () => { // 로직 작성 return ~~ ; }; const [state, setState] = useState(state값유지함수);//혹은const [state, setState] = useState(() => { return ~~ ;});이런식으로...나는 개인플젝을 만들며..
[프론트엔드] Webpack 안 쓰면 손해! 모듈 번들링부터 최적화까지 완벽 정리 [프론트엔드] Webpack 안 쓰면 손해! 모듈 번들링부터 최적화까지 완벽 정리Webpack여러개의 파일을 하나의 파일로 묶어주는 개발 자동화 도구. 즉, 모듈 번들러 모듈이란 쉽게 말해 각 코드를 여러 개의 파일로 분리하여 관리 하는 것이다.  ex) 기계의 부품 🙋‍♀️ 코드를 파일로 모듈화 하는 이유는요?코드 구조화 : 각 모듈별로 역할과 기능을 부여하여 코드를 구조화 시킨다. 필요한 기능을 포함한 모듈을 선택적으로 가져와 사용할 수 있으므로 코드의 복잡성도 줄일 수 있다. 동시에 코드의 가독성을 향상시키고 유지보수를 용이하게 만들어준다. 코드 재사용  : 자주 사용되는 코드를 별도의 파일에 저장하면 필요할때마다 가져와 쓸 수 있다 (중복코드 방지)코드를 개선하면 해당 코드를 가져와 쓰고 있는 ..
[디자인 기초] 인쇄물 제작 시 주의할 점 인쇄물 주의할 점 디자인 작업이 끝난 후 인쇄물 제작 과정에서는 여러 요소를 꼼꼼히 점검해야 합니다.아래는 실수를 방지하기 위한 필수 체크리스트입니다.  01. 오타 확인텍스트 내 오타가 없는지 철저히 검수합니다.오탈자는 최종 인쇄물의 완성도와 신뢰도를 떨어뜨릴 수 있으니 꼭 여러 차례 점검하세요.02. 색감 확인 (테스트용 출력)모니터마다 색감이 다르게 보일 수 있으니 테스트용 출력물을 확인합니다.특히, 중요한 색상이나 이미지를 사용할 경우 실제 인쇄 결과물과 차이가 없도록 조정합니다.03. 전체 잠금 풀기작업 파일에서 잠금 설정된 레이어나 요소를 모두 확인하고 잠금을 해제합니다.잠긴 요소가 있으면 최종 수정 시 누락될 가능성이 있습니다.04. 이미지 포함 여부 확인모든 이미지가 파일 내에 정상적으로 ..
[디자인 기초] 해상도와 픽셀 이해하기 해상도와 픽셀 이해하기디자인 작업에서 해상도와 픽셀 개념은 필수적으로 알아야 할 기본 지식입니다.일러스트와 포토샵 작업에 중요한 해상도 기준인 72ppi와 300ppi에 대해 알아봅시다.  1. 픽셀이란?픽셀: 디지털 이미지의 최소 단위로, 화면을 구성하는 하나의 작은 점입니다.해상도가 높을수록 픽셀 수가 많아지고, 이미지가 더 선명해집니다.2. 해상도 (PPI)란?PPI (Pixels Per Inch): 1인치(2.54cm)당 포함된 픽셀 수를 뜻합니다.해상도는 이미지의 선명도와 품질을 결정합니다.해상도가 높을수록 픽셀이 더 촘촘하게 배치되며, 이미지가 정교해집니다.예시: PPI 계산10ppi: 가로 10픽셀 × 세로 10픽셀 = 100픽셀20ppi: 가로 20픽셀 × 세로 20픽셀 = 400픽셀72p..
[디자인 기초] RGB와 CMYK :: 색상 모드 이해하기 RGB와 CMYK 색상 모드 이해하기디자인 작업에서 색상 모드를 이해하는 것은 매우 중요합니다.RGB와 CMYK는 각각 디지털 작업과 인쇄 작업에 사용되는 색상 모드로, 그 특성과 사용 환경이 다릅니다. 1. RGB 색상 모드구성: R(레드), G(그린), B(블루)특징:세 가지 색상이 합쳐질수록 밝아짐 → 100% 합치면 흰색빛의 컬러로 디지털 디스플레이(모니터, 스마트폰, TV 등)에서 사용사용처: 웹 디자인, 디지털 콘텐츠, 화면 기반 작업2. CMYK 색상 모드구성: C(사이언), M(마젠타), Y(옐로우), K(블랙)특징:색상이 합쳐질수록 어두워짐 → 100% 합쳐도 완전한 검정은 아님**K(블랙)**은 색상을 더 어둡게 보강하기 위한 역할출력물(프린트, 인쇄물)에 사용사용처: 포스터, 책, 명..

티스토리툴바