본문 바로가기
반응형

분류 전체보기135

React - useState( ) 사용해 보기(ft. 클릭 이벤트 카운터) React - useState( ) 사용해 보기(ft. 클릭 이벤트 카운터) 이전 React 포스팅에서  리액트를 설치한 후 Hello World를 화면에 나타나도록 해보았습니다.   React 프로젝트 생성하고, Hello World 찍어보기(ft. Vite)React 프로젝트 생성하고, Hello World 찍어보기(ft. Vite) React는 이제는 모르면 안되고 안 쓰면 안될 것 같은 자바스크립트 프론트 라이브러리가 된 것 같습니다. 리액트... 리액트... 맨날 말로만 읆조kincoding.com  그런데, 코드를 가만히 살펴보면 사용되지 않는 코드가 한줄 들어 있었습니다. 가만 보니 뭔가, App 함수 안에서 변수를 지정하는 모양을 닮아 있지 않은가요? Javascript 문법에서 변수를 만.. 2024. 11. 5.
React 프로젝트 생성하고, Hello World 찍어보기(ft. Vite) React 프로젝트 생성하고, Hello World 찍어보기(ft. Vite) React는 이제는 모르면 안되고 안 쓰면 안될 것 같은 자바스크립트 프론트 라이브러리가 된 것 같습니다. 리액트... 리액트... 맨날 말로만 읆조릴 게 아니라 얼른 설치해보고 어떻게 동작하는 지 그 방식을 초보 수준으로 이해해보도록 합니다. 코드를 짜는 게 아니라, 눈으로 보면서 그 흐름을 이해해보는 데 초점을 두고 정리해봅시다. 일단 공식가이드의 내용은 아래 사이트를 참고하도록 합니다.https://react.dev/ ReactReact is the library for web and native user interfaces. Build user interfaces out of individual pieces called.. 2024. 10. 22.
EM 단위란 무엇일까? (ft. EM의 유래, REM과 EM의 차이점) EM 단위란 무엇일까? (ft. EM의 유래, REM과 EM의 차이점) 작년 즈음에 em과 rem의 차이점에 대해서 포스팅한 내용이 있습니다. https://kincoding.com/entry/em%EA%B3%BC-rem%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90 em과 rem의 차이점em과 rem의 차이점 CSS에서는 다양한 단위를 사용하여 요소들의 크기와 위치를 정의합니다. 그 중에서도 em과 rem은 상대적인 단위로, 요소의 크기를 상위 요소에 대한 비율로 정의합니다. 이번 글kincoding.com 개념도 알고 있고, 적당히 잘 사용하고는 있는데 왠지 가끔씩 헷갈리는 이유가 정확하게 이해를 못하고 있기 때문이란 생각을 가져보게 되었습니다. 그래서 이참에 em의 유래까지 뒤져.. 2024. 10. 10.
포토샵(Photoshop) 모든 글꼴(폰트) 한꺼번에 일괄 변경하기 포토샵(Photoshop) 모든 글꼴(폰트) 한꺼번에 일괄 변경하기 예전에 작업했던 포토샵 PSD 파일을 오픈하거나, 다른 사람으로부터 전달 받은 PSD 파일을 오픈하는 경우, 일괄로 텍스트 폰트를 변경해야 하는 경우가 발생하곤 합니다. 어쩌다가 가끔씩 발생하는 수요라 그런지, 매번 반복하면서도 오래 간만에 작업을 하다보면 종종 까먹는 일이 많아서 이참에 메모를 해둡니다.  Before - 굴림 폰트가 먹혀 있습니다.작년에 만들었던 달력 디자인 PSD 파일을 열어보니, 폰트를 찾지 못하길래 Replace를 선택했더니, 아래처럼 온통 굴림체로 변경이 되어버렸습니다. Text Layer 하나씩 작업을 반복해도 되는 일이기는 한데, 같은 작업을 여러 번 할 필요는 없겠죠?   1. Layers 패널 상단에서 .. 2024. 8. 30.
반응형