본문 바로가기

전체 글

 (215)
사람의 호감을 얻는 6가지 방법: 2 미소를 지어라 행동이 말보다 많은 것을 전한다. 그중에서도 미소는 다음과 같은 뜻을 전달한다. '당신을 좋아한다. 당신은 나를 행복하게 만든다. 당신을 만나게되어 기쁘다.' 이것이 바로 개들이 그토록 사랑받는 이유다. 개들을 우리를 보면 반가워 어쩔주 몰라 이리 뛰고 저리 뛰고 난리를 친다. 그러니 자연스럽게 우리도 개들을 보면 반가운 마음이 들게 된다. 거짓웃음? 이걸로는 안된다. 그게이 넘어갈 사람은 하나도 없다. 우리는 그것이 기꼐적이라는 것을 알기에 조금도 반갑게 느끼지 않는다. 지금 얘기하는 건 진짜 미소, 마음을 따듯하게 하는 미소, 마음 속에서 우러나는 미소, 시장에서 좋은 값을 받을 순도 높은 그런 종류의 미소이다. 뉴옥의 대형 백화점에서 인사를 담당하는 어떤 사람이 내게 말하기를 무뚝뚝한 표정의 철학박..
사람의 호감을 얻는 6가지 방법: 1. 다른 사람들에게 진정한 관심을 가져라 다른 사람에게 진심을 관심을 가지면, 다른 사람의 관심을 끌려고 2년 동안 노력한 것보다 더 많은 친구를 두 달안에도 사귈 수있다.하지만 다른사람의 관심을 끌기 위해 별별 노력을 하면서 일생 동안 실수를 거듭하는 사람들이 있음을 나도 알고 여러분도 안다.물론 그런 방법은 통하지 않는다. 다른 사람들은 여러분이나 내게 관심이 없다. 그들은 아침에도, 점심에도, 저녁에도 자기 자신에게만 관심이 있다. 대토령께서 우리 집 근처를 지나가실 때면 우리가 눈에 띄지 않더라도 잃게 우리 이름을 부르곤 하셨다. "여어, 제니!""여어, 제임스" 지날 때마다 이렇게 친근하게 우리 이름을 불러주셨다. 고용인들이 이런 사람을 어떻게 좋아하지 않을 수있겠는가? 세상에서 제일 바쁜 사람이라 하더라도 진정으로 그 사람에게 관심을..
github Desktop 이용법 /static website hosting 파일생성하고 올리기 github사이트에서 repository 생성 githubDesktop에서 clone a Repository from the Internet 선택 repository 이름 검색 ,경로 바탕화면으로 설정 반드시, 설정한 경로에다 파일을 저장해야함 commit하기 push하기 branch 합치기 mainbranch에서 상단메뉴 branch - merge to main branch 하면 branch가 메인으로 합쳐짐 static website staticwebsite: html, css,javascirpt 로만 작성된 페이지 깃허브가 꽁짜 호스팅제공함 but, 몇가지 규칙이있음 gh-pages라는 브런치 생성, public저장소여야함 publish branch 클릭 본인의 깃헙 페이지에서 ..
animation속성 forwards, willchange animation 속성 forwards는 keyfrmaes마지막 속성 값을 애니메이션이 끝나고나서도 유지한다 @keyframes hideSplashScreen{ from{ opacity:1; } to{ opacity:0; visibility: hidden; /* 마우스에걸리지 않게 빼는 것 but ,element는 그대로 남아있다.chrome 개발자도구에서 확인 가능 함. 없애고싶다면 자바스크립트 사용해야함*/ } } /*opacity가 0이 된 상태로 유지하는 거지 element가 사라진 것이 아니라 다른 다른 버튼 클릭 안됨*/ animation 속성 willchange will-change: transform;브라우저에게 어떤 것이 변경 될 것인지 미리 말해주는 것 주로 흔들리거나 문제가 있을 때 ..
자잘한 팁 border-radius 로 원을 만들고 싶다면 width의 반 만 적용하면된다. 예를들어 width: 50px; height:50px; 일 경우 border-radius: 25px; display: flex는 block 특성의 flex container를 정의한 것이기 때문에 block성질과 같이 수직으로 쌓인다.
Ctrl + D visual studio에서 드래그 후 Ctrl+ D 누르면 이 후에 위치한 같은 문자가 선택 됌
중앙 정렬 방법, header 정렬 1. display:flex; justify content: center; align-items: center;사용하기 2.. margin: auto; 메인 콘텐츠 컨테이너를 수평 중앙에 둘 때 사용 display가 inline, inline-block일 때 작동하지 않음 3.. text-align: center; inline, inline-block 일 때 수평 중앙에 둘 때 주로 line-height 와 같이 사용해 수직 중앙도 맞춤 4.. position:absolute; left:50%; top: 50%; trnasform:trnaslate(-50%, -50%); 5. display: grid; place-content: center; header 정렬하기 1. 햄버거버튼 로고 아이콘 .statu..
BEM / Block, Element, Modifier block , element , modifier 각 요소로 클래스 명을 짓는 방식, 어떤 목적인가에 따라 이름을 지어 코드를 읽기 쉬워 협업 시에도 용이하다. 또한 부모와 자식관계를 명시하기 좋음 block요소는 독립된 컴포넌트로 사용할 수 있는 단위를 말하고 element요소는 block내에 위치하여 독립적으로 사용 할 수 없다. //block요소: header, 컴포넌트로 독립적으로사용가능 Chats //엘리먼트요소: header__title, header__icons block 의 element는 상하의 관계가 아니라 모두 같은 element로 본다. Chats //header__content-title이 아님 modifier은 element의 속성으로 --로 표현한다. class="screen-h..

티스토리툴바