본문 바로가기

분류 전체보기159

2020.10.12 TIL CSS 루트에 변수 지정하여 여러번 활용하기 :root { --main-color : #0000000 } p { background-color : var(--main-color) } var(--변수명) 이런 식으로 루트에 메인 컬러를 변수로 지정하고 사용할 수 있다. transition transition 은 state (:active, :hover ...)에 따라 property가 달라질 때 사용한다. transition 은 state가 아니라 root 가 되는 element 에 있어야 한다. a { background-color : tomato; color : wheat; transition : all 5s ease-in-out //배경과 글자 모두 변화 } a:hover { background-co.. 2020. 10. 12.
2020.10.08 TIL CSS 부모개체에 position : relative 정의를 해줘야, 자식 객체에 position: absolute 하고, relative 한 부모개체를 기준으로 움직이게 된다. pseudo selector : div 중 첫번째 / 마지막 / 2n / ... 기타 등등 개체에 css를 적용하고 싶을때, class나 id를 사용하는 것보다 나을 수 있다. 고양이는 귀엽다고양이 개 고양이만 기울림 효과를 주고 싶다면, p span { font-style: italic } 이라고 하면 된다. div 바로 직속 자녀 개체인 개에만 해당 효과를 주고 싶다면 div > span { font-style: italic }이라고 하면 된다. p 바로 다음 인 개체일 떈 p + span { font-style: itali.. 2020. 10. 8.
2020.10.06 TIL 사이드 프로젝트를 진행하며 클라이언트 중 CSS 부분이 약하다고 생각했다. CSS의 레이아웃을 정렬하는데 많은 시간이 걸렸고, 흥미를 잃기 좋은 핑계가 되었다. 이러다 코딩이 값비싼 취미 활동으로 전락할까봐 마음을 다잡고, 노마드 코더의 카카오톡 클로닝인 '코코아톡 클로닝' 강의를 듣기로 했다. 기존에 아는 내용도 있지만, 시간에 쫓겨 허겁지겁 대충 훑어 보았던 mdn도 강사와 함께 살펴보며 다시금 기초를 착실히 쌓기로 한다. 당분간 지지부진하게 진도 안나가는 사이드 프로젝트는 접어 두고, 코코아톡 클로닝부터 듣고 따라해본다. margin collapse 현상 (출처 : 블로그) : 형제/부모 요소들이 내 코드를 무시하고, 여백이 지멋대로 조정되곤했는데 이런 현상이 있는 줄 처음 알게 되었다. inlin.. 2020. 10. 7.
2020.10.04 9월 베트남 여행 정리 8-9월 한달은 정말 쉬지도 않고 베트남 곳곳을 돌아다녔다. 베트남 입국 제한으로 해외 유입 관광객이 없어 비교적 저렴한 가격으로 한적한 여행이 가능했다. 그중에서 9월 한 달 동안 다녀온 Da lat 과 Quy nhon을 포스팅해보려고 한다. 1. Quy nhon (퀴년) : 관광객이 잘 모르는 베트남의 숨겨진 보석 같은 곳. 해외 관광객들이 잘 모르기 때문에 아직은 개발이 덜 되어 깨끗한 바다를 즐길 수 있는 곳이다. 위치가 비교적 비가 잘 오지 않는 연중 쨍쨍한 곳이기 때문에 날씨에 구애받지 않고 바다를 원없이 즐길 수 있다. 베트남에서 동남아 스럽게 바다 색이 에메랄드이고, 물이 깨끗해 바닥을 볼 수 있는 몇 안되는 곳. 베트남 대다수 바다는 한국 서해 같은 느낌이다. 퀴년에 머물면서 머물렀던 호.. 2020. 10. 4.
뉴스 쉐도잉 9/8 Fascism Scholar Says U.S. Is 'Losing Its Democratic Status' 이어서 9/8 https://www.npr.org/transcripts/910320018 Fascism Scholar Says U.S. Is 'Losing Its Democratic Status' Yale professor Jason Stanley wrote the book How Fascism Works: The Politics of Us and Them. He talked with NPR about defining fascism and how conspiracy theories play a part. www.npr.org So we thought this would be a g-ood time to revisit this term /and ask, what does it really me-an? And is.. 2020. 9. 8.
2020.09.01 - 2020.09.07 TIL 사이드 프로젝트로 만드는 재고/주문 프로그램에 클라이언트 로직때문에 지난 일주일 내내 머리가 터지는 줄 알았다. 일단, 전제는 유저의 더 나은 경험을 위해서(보통 한 물건만 주문하진 않으니까) 여러 물건을 한 번에 주문할 수 있어야 한다는 것이다. 한 물건 주문서 넣고, 또 다른 물건 주문서를 넣는 건 유저로서 유쾌/불쾌한 경험을 떠나 귀찮음의 문제기 때문이다. 더구나 유저가 베트남 사람임을 고려한다면.. 한 번에 주문서를 넣도록 하는 것이 나의 일을 한 개라도 줄일 수 있는 방법이다. 고민했던 몇 가지를 간단하게 적자면, 1. 총 입력 창을 한 개만 둘 것인가? 아니면 여러개를 둘 수 있도록 할 것인가? => 여러개를 두기로 한다. 이유 : 아직 완료가 된 주문이 아니기 때문에, 언제든지 유저가 주문 .. 2020. 9. 8.

티스토리툴바