반응형 전체 글137 [Python Quiz] 파이썬으로 크리스마스 트리 찍어 보기(그 유명한 별 찍기) 오늘은 2024년도 크리스마스 입니다. 그런데 사무실에 나와 앉아 있습니다. 사람들이 없는 조용한 사무실이 평화롭게 느껴져 옵니다. 크리스마스니까 잠시 일손을 멈추고 언젠가 옛날 옛적 고리짝에 C언어 알고리즘 수업시간에 들었던 것 같은, 별찍기 예제를 이용해서 크리스마스 선물겸 퀴즈 풀이를 한번 해보기로 합니다.(이 무슨 지지리 궁상...) 목표 : 반복문을 이용해서 아래와 같은 크리스마스 트리를 만들어 봅시다. Quiz 1 : 첫 번째 트리 모양 ######################### Quiz 2 : 두 번째 트리 모양(우측 정렬) # ### ##### ################ Quiz 3 : 세 번째 트리 모양(중앙 .. 2024. 12. 25. 도커, Docker가 무엇인지 냉큼 한 번 알아봅시다 (ft. Docker Desktop) 도커, Docker가 무엇인지 냉큼 한 번 알아봅시다 (ft. Docker Desktop) Docker를 한번 써 봐야지 써 봐야지 하면서 기회가 없어 미뤄만 오다가, 드디어 한번 살펴봐두자고 마음먹게 되었습니다. 개발자가 아닌 입장에서 회사 생활하면서 신기술 신문물을 혼자 공부하면서 당장 써먹어보는 게 쉬운 일은 아닌 것 같습니다. 도커를 대충 살펴보니, 아주 아주 옛날 고리짝에 Ghost Tool로 이미지를 떠서 사용하던 것이 겹쳐 떠 오르더라구요. 그리고 언젠가 CD-R 또는 CD-RW라고 하는 장비가 유행처럼 보급되던 시절에 iso 이미지를 떠서 백업하고 사용하던 그 시절의 추억이 잠시 떠올랐더랬습니다. 아무튼 오늘은 도커를 한번 맛보기로 합니다. 도커를 사용하는 이유 도커는 대체 무엇이고 왜.. 2024. 11. 22. 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. 이전 1 2 3 4 ··· 23 다음 반응형