# 디렉토리명, 이미지 파일명, 그리고 object 관리 ## Code ## Result 용량이 작은 이미지라서 base64 코드로 처리됩니다. (?) 그래서 600 짜리 사이즈의 곱창 이미지를 넣어봤습니다. 곱창-랜덤코드.jpg 형태로 파일명이 제대로 렌더링 된 것을 확인할 수 있었습니다.
안녕하세요. O612 입니다. Next.js는 올드 브라우저도 지원하는데 가끔 IE 전용으로 CSS를 적용해야 할 때가 있습니다. (ReactJS는 polyfill을 따로 적용해야 지원이 되는데 퍼포먼스가 떨어집니다. 올드 브라우저를 지원해야 한다면 Next.js를 추천합니다.) 이 포스팅에서는 IE 전용 className 추가하는 방법과 보너스로 엘리먼트...
안녕하세요. O612 입니다. 오늘은 macOS Monterey에 대해 짧게 알아봅니다. Monterey? 몬터레이(Monterey)는 캘리포니아주의 도시로, 인구는 27,810명입니다. (2019년 기준) macOS 매버릭스(Mavericks)부터 애플은 애플 사옥이 있는 캘리포니아주에 있는 지명으로 이름을 짓기 시작했습니다. macOS Monterey ...
# Component import ## Code ## Result 무리없이 렌더링이 되었습니다. # Component + let ## Code ## Result WoW! # MIX ## Code ## Result 잘 됩니다... 다음 포스팅은 디렉토리(폴더)명, 이미지 파일명 둘 다 한글로 만들고 그걸 object로 리스트를 만들어 관리를 해도 잘 돌아가는...
# Text ## Code ## Result 여기서 문제가 생기면 당연히 안되겠죠. 한글을 못 쓰면 React로는 영어로만 개발이 가능하다는 의미니까. # const ## Code ## Result const 이름만 변경되서 그런지 class 이름도 변경이 이루어지지 않고 렌더링 되었습니다. (이건 의외...) # function ## Code ## Res...
안녕하세요. O612 입니다. M1 MacBook Pro 13인치를 구매하고 제일 먼저 설치한 건 iTerm과 Xcode 입니다. 그리고 iTerm으로 Homebrew 설치를 시도했습니다. 그런데 제대로 인식을 못하더라구요. 알고보니 터미널 창에서 추가 작업을 하라는 메시지가 있었는데 제가 그걸 무시한 거였습니다. 설치 1차 일단 Homebrew 공식홈 (...
안녕하세요. O612 입니다. ReactJS와 RN에서 사용하는 패키지가 RN에서는 추가로 더 설치해야 하는 dependency가 있을 수 있습니다. 이 차이는 대개는 RN이 Native라서 발생합니다. 오늘 비교해 볼 것은, emotion과 styled-components 설치 및 적용 방법의 차이점입니다. 이 글은 미리 작성하여 예약을 걸어둔 글입니다....
다채로운 방식으로 지옥 코드를 짜볼 생각으로 만든 시리즈입니다. 1편에서는 React 환경에서 다양한 human 언어로 변수를 만들고 Vanila 환경(A.K.A. 쌩코딩)에서 마찬가지로 다양한 human 언어로 변수를 만들어 둘을 비교하고 제대로 동작하는지 Google Chrome, Mozilla FireFox, Apple Safari에서 테스트를 해볼 ...
안녕하세요. O612 입니다. 이 글은 미리 작성하여 예약을 걸어둔 글입니다. Introduce CSS에는 vendor prefix라는 게 있습니다. 특정 브라우저에서만 동작하게 하는 property 또는 property의 value를 사용하는 것인데 -vendor- 형태로 사용합니다. IE는 -ms-, FireFox는 -moz- 그리고 Webkit(Chr...
안녕하세요. O612 입니다. 이번 편은 Devil Styled Sheets 4번째 글입니다. 상속 개념에 대해서 지식을 가지고 있지 않은 상태에서는 따라가기 힘들 수도 있습니다. 이 글은 미리 작성하여 예약을 걸어둔 글입니다. Image Assets emotion styled로는 import로 image를 불러와서 쓸 수 있습니다. image는 2가지 방...
안녕하세요. O612 입니다. 주변 지인들이 애플 실리콘 맥북에어 / 맥북프로 / 아이맥을 구매하게 되면 어떤 프로그램(이하 '앱')을 설치해야하냐는 질문을 종종 해와서 이와 관련된 포스팅을 해보겠습니다. 이 글은 미리 작성하여 예약을 걸어둔 글입니다. 당분간 예약글만 올라갈 것... 결론부터 쓰자면 나는 잘 모르겠다! 필자는 일단, 일반 범주에 속하지 않...
안녕하세요. O612 입니다. 이번 편은 Devil Styled Sheets 3번째 글입니다. Styled Emotion 과 Module Sass 를 비교해보도록 할게요! emotion? styled-component? emotion의 styled는 styled-component의 styled와 동일한 방식으로도 작성이 가능하고 소위 object라고 말하는...
(O씨, 지구, 06월 12일생) 세상에서 글 쓰는 게 제일 어려웠어요...
자유로운 창작이 가능한 기본 포스트
소장본, 굿즈 등 실물 상품을 판매하는 스토어
정기 후원을 시작하시겠습니까?
설정한 기간의 데이터를 파일로 다운로드합니다. 보고서 파일 생성에는 최대 3분이 소요됩니다.
포인트 자동 충전을 해지합니다. 해지하지 않고도 ‘자동 충전 설정 변경하기' 버튼을 눌러 포인트 자동 충전 설정을 변경할 수 있어요. 설정을 변경하고 편리한 자동 충전을 계속 이용해보세요.
중복으로 선택할 수 있어요.