전체 글 63

24.07.29 월_모순

오늘은 독서 모임에서 '모순'을 읽고 대화를 나눴다. 두 남자를 두고 갈팡질팡하던 주인공이 의외로 더 잘되가던,솔직한 자신의 모습을 보일 수 있던 김장우가 아닌현실적이고 계획적인 나영규를 선택한 이유가 궁금하다고 내가 질문 했었는데 생각보다 주인공이 진취적으로 문제를 해결해나가는 성격은 아니었다는거.의존적이지도 않지만 그렇다고 엄마처럼 누군가를 챙기는 것을 좋아하지 않았다.그래서 어려운 시기에 처한 주인공이 나영규를 선택한 것은 그녀다운 선택이었다고 볼 수 있다.라고 함께 모임 가진 분이 얘기했는데 그 말도 일리가 있는 것 같다. 그 말을 듣고 나선 자기 소개에 대해서도 생각해보게 된다.나는 ~~한 사람이라고 하는데 생각보다 이것과 정반대인 사람도 많고.추상적인 느낌만 가지고 자신을 정의내릴 때도 있고...

어느날/2024 2024.07.29

[React Native] react-native-shadow-2로 shadow 효과 주기

드디어 react native로 퍼블리싱을 하는데.. 세팅부터 뭐하나 쉬운게 없다. 그중에서 shadow효과는 ios와 android에서 조정할 수 있는 속성 종류가 다르다. * ios -shadowColor -shadowOffset -shadowOpacity -shadowRadius * android -elevation android야..? 이게 다냐고.. https://www.npmjs.com/package/react-native-shadow-2 그래서 react-native-shadow-2를 사용해서 두 기종의 핸드폰에서 균일한 그림자를 만들 수 있다. npm 혹은 yarn을 이용해서 설치하고 컴포넌트로 그림자를 주고 싶은 요소를 감싸서 만든다. *주의할 점: borderRadius가 안먹는다?? ..

JavaScript/React 2024.02.26

[CSS] input 자동완성 시 적용되는 기본 스타일 초기화하기

아이디나 비밀번호를 구글과 같은 사이트에 저장 한 뒤저장된 정보를 input 입력창에 불러오면input의 배경 색상이 자동으로 지정되어 나타나는 경우가 있다. 이는 :autofill이라는 가상 클래스에 스타일이 선언되어 있기 때문인데디자인을 원하는 대로 커스텀하고 싶으면 브라우저 호환성을 고려해 :autofill과 :-webkit-autofill(크롬의 경우) 가상 선택자를 써서원하는 대로 스타일을 재선언해줘야 한다. 문제는 크롬 같은 경우는 !important로 요소들에 대한 스타일이 선언되어 있어서다른 방식으로 스타일을 입혀줘야 한다는 것이다.input:autofilll { color: -internal-light-dark(black, white) !important; background-color:..

CSS 2024.02.15

[전시회 기록] 후지시로 세이지 - 오사카 파노라마展

처음으로 가본 세종문화회관 많이 들어는 본 것 같은데 정말 처음 가본 것 같은 낯섦이 느껴졌다. 길을 많이 헤맸다. 솔직히 실제로 보기 전엔 별 기대를 안했다. 실물이 분명 훨씬 나을거란건 알았지만 뭔가 그림자를 이용한 그림이라니.. 살짝 유치할 것 같기도 하고.. 너무 애들 보는 전시회를 간거 아닌가 싶었다. 근데 첫 전시물부터 그런 생각은 싹 사라지고 유심히 들여다보게 되는 매력이 있다는 느낌을 받았다. 컴퓨터로라면 간단히 쓱쓱 그려나갈 수 있는 흐림효과나 빛의 밝기 조절을 다 수작업으로 대부분 기름 종이를 이용해 투과시켜 표현해낸다는 것이 대단하게 느껴졌다. 가까이서 보면 칼로 잘라내서 투박한듯한 테두리를 느낄 수 있는데 하나의 작품을 봤을 땐 그런 거친 외곽선이 전혀 문제 되지 않고 하나의 완성된..

어느날/2024 2024.02.13

[CSS] CSS방법론 - BEM (Block Element Modifier)

block__element--modifier 구조에 맞춰 class를 쓰는 방식. 최대한 단일 클래스로 선택자를 불러와 특이성을 낮춰 !important를 쓰는 일을 줄인다. 1.구조 1).Block -독립적인 컴포넌트를 의미 -다른 블록으로 들어갈 수도 있지만 독립적으로도 쓰임 -단어를 조합 시 하이픈으로 연결 -목적에 따라 이름을 정해줄 것 -환경에 따라 영향을 받으면 안됨 2).Element -의존적인 구성요소를 의미 -블록이 있어야 의미를 가지기 때문에 분리해 재사용할 수 없음 -목적에 따라 이름을 정해줄 것 -단어끼리 조합은 하이픈으로 함 -필수 작성 아님 3).Modifier -Block이나 Element의 속성을 의미 (모양, 동작, 상태) -boolean이나 key-value타입으로 작성..

CSS 2023.12.25

[독서 기록] 아몬드, 손원평 저

오늘은 독서 모임 사람들과 여러 가지 깊은 대화를 나눴다. 223쪽. 나는 알고 있다. 곤이가 착한 아이라는 걸. 하지만 구체적으로 곤이에 대해 말하라면 그 애가 나를 때리고 아프게 했다는 것, 나비를 찢어 놓았다는 것, 선생에게 패악질을 부리고 아이들에게 물건을 집어던졌다는 것밖에 말할 게 없다. 언어라는 건 그랬다. 이수와 곤이가 같은 사람이란걸 증명하는 것만큼이나 어려운 거다. 건이는 윤재가 말한 것처럼 '착한' 아이라고 볼 수 있을까? 언어적 한계를 느끼면서도 마음으로 사람을 이해한 윤재의 태도를 느낄 수 있는 대목에서 내가 느낀 궁금증을 사람들에게 질문하였다. 건이는 행동이 거칠지만 시간이 갈수록 서로의 다른 점을 느껴가며 자기 자신을 똑바르게 바라보는 윤재에게 친구가 되고자 서툴게 다가갔다. ..

어느날/2023 2023.06.25

[영상 기록] 자신에게 필요한 기록을 하는 방법

학생 때 필기를 잘한다는 말을 종종 들었는데 단순히 필기를 하는 행위를 잘 한다는 것과 진짜 필기를 잘하는 것은 다른 것 같다. 그래서 내가 이렇게 지금 필기를 하고 있어도 별 도움이 안된다고 생각한 시기도 있었는데 오늘 우연히 한 영상을 봄으로써 다시 제대로 필기를 해보고 싶다는 마음이 들었다. * 기록하는 습관이 주는 이점 - 경험과 노하우가 쌓여가는 누적된 삶을 살아갈 수 있다. - 자기 자신을 보는 시력이 더 좋아진다. * 필기 하는 방법 1). 핵심만 매우 압축해서 글을 쓴다. : 키워드, 중심 내용을 적기 2). 내용을 머릿속에 박히도록 메모한다. : 이걸 기억 하지 못해서 내용을 다 적어둔다는 마음을 가지면 안됨. 3). 흐름을 쪼개고 하나의 내용을 접하면 메모를 한다. 4). 정 기억 안나..

어느날/2023 2023.06.25

23.05.29 월_쉬는 월요일 최고~~~~

사람은 기계가 아니다. 고로 삘 받는 날이 있으면 그땐 밤늦게 아니라 아침에 씻게 되더라도 바로 자리에 앉아 밤 늦게 까지 작업도 해보고 공부가 잘 안되는 날엔 두 손 두 발 다 놓고 있다가 에너지가 다시 모이면 출발하면 된다. 오늘은 왜 망쳤지? 왤케 나는 느려터졌지? 이런 생각 하나도 도움이 안된다. 남이 먼저 공부하고 있어도 내가 하기 싫으면 하지 말고 내가 공부하고 싶으면 공부한다. 나에게 꼭 필요한 유도리 있는 자세인듯.. 와 근데 나는 빗소리를 생각보다 되게 좋아하는데 맑고 밝은 날이 역시 눈으로 보기에는 매우 최고이다. 너무 햇빛 좋고 예쁘고~~~~

어느날/2023 2023.05.29

mac에서 ssh key 발급 받아 프로젝트 clone하기

클론하고 싶은데 ssh key가 없으면 클론이 안되는 프로젝트들.. ^ㅠ^진짜 엄청 많은 곳에서 방법들을 짜깁기해서 성공했는데내가 막혀서 헤맨 부분들을 정리해본다. // 개요1. ssh key 받기2. ssh key 등록3. config 값 변경4. git clone 받기  1.ssh key 받기// ssh-keygen -t rsa -C "여기엔 이메일 입력하자";ssh-keygen -t rsa -C "asdf@gmail.com";ssh-keygen -t rsa -C 뒤엔깃헙이나 깃랩같은 ssh키를 사용할 사이트에서로그인할 때 아이디 대신해서 넣을 수 있는 자신의 이메일 계정을 적는다. 엔터를 치면 키를 저장하는 경로가 뜨며 ssh키 파일명을 설정할 수 있는데계정이 하나만 ssh key 하나만 필요할 경..

Web Publisher 2023.05.05