본문 바로가기

분류 전체보기

 (385)
저절로 돈이 벌리는 시스템, 돈과 시간에서 자유로운 1인 기업가, 노마드비즈니스맨 이미 ‘직장인의 삶, 불안한 프리랜서의 삶은 정답이 아니다’라고 느끼고 있을 당신에게 추천하고싶은 책입니다. 지금도 어느 회사에서 우수한 노동자가 되어 열심히 일하고 있을 누군가에게 ‘노력하는 방향’을 조금 바꿔서 시간과 돈에서 자유로운 인생을 이뤄보는건 어떨까요. 글쓴이는 1,2장에서는 노마드 비즈니스맨이 되기 위해서 가져야할 개념, 마음가짐, 행동력등에 얘기하는데 1,2장을 통 들어 핵심은 67페이지의 소제목‘1분이라도 덜 일하고 100원이라도 더 벌 궁리를 하라’라고 저는 생각합니다. 직장생활을 하면서 가장 멍청해지는 순간이 별 생각없이 일을 할때라고 저는 생각하거든요. 그러나 ‘노마드 비즈니스맨’이 되기위해서는 어떻게해서든 적게 일하고, 더많이 벌 궁리를 해야 합니다. 그래야 하루라도 더 빨리 시..
자바스크립트에서 for문 이용해서 구구단 출력하기 자바스크립트에서 for문 이용해서 구구단 출력하기 for문 공부할떄 등장하는 단골, 구구단 출력하기 입니다. for문과 prompt를 이용해서 자바스크립트에서 구구단을 출력해볼게요. pormpt 메소드를 이용해서 출력할 단의 값을 입력받습니다.(창이 자꾸 떠서 변수 i에 5를 할당하고, 주석처리함 ) for문을 이용해서 입력한 단의 값을 1~ 9까지 돌립니다. document.write();로 출력합니다. //let i = prompt("which one number print at times table? input number","number only"); let i = 5; for(let j=1; j
Lesson #7 CSS 사용시 반드시 알아야 할것, 명시도 Lesson #7 CSS 사용시 반드시 알아야 할것, 명시도 CSS 명시도란 ? 오늘은 명시도에 대해 얘기를 해드리고 싶어요. CSS 선택자를 내 맘대로 후다닥 가지고 놀면서 작업하려면 명시도에 대한 이해가 필수입니다. 일상 생활에서 사용하는 명시도는 “얼마나 확실하게 잘 보이는가”죠. CSS의 명시도도 비슷합니다. ‘얼마나 확실(구체적)한가”로 이해하시면 되고, 구체적일수록 CSS 중복선언 중에서 ‘우선순위’가 높다고 이해하시면 좋을 것같아요. 명시도를 숫자로 표현하여 알아볼게요. 쉼표로 구분된 4자리가 필요합니다. 0, 0, 0, 0 명시도 규칙 4가지 요소를 나타내는 자리는 네번째 자리이며 0,0,0,1 입니다. 클래스, 가상클래스, 속성을 나타내는 자리는 세번쨰 자리이며 0,0,1,0 입니다. I..
아무래도 블로그가 저품질에 빠진것 같다.. 절망적.. 블로그 다시 시작했는데,책 서평을 주제로 하려고 하다보니..네이버와 티스토리, yes24 블로그 3가지에 같은 내용을 복붙했다.뭘 모르니까.. 그래도 되는줄 알고.. 티스토리 방문자 점점점 수가 줄어들더니...오늘은 달랑 2명이 방문... 이상하다 싶어서 이렇게 저렇게 검색하다보니나 처럼 블로그를 2개 운영할 시에 저품질에 빠질 수 있다고 한다..!!!! 아이고... ㅠㅠ 몰랐어...흐흑 급하게 티스토리의 book카테고리에 있던 글들을 비공개 해놨다.아휴.. 방법은 네이버 블로그와 티스토리의 주제를 달리하는것.기술관련해서는 아무래도 티스토리에 올리는것이 좋겠고..일상, 책을 네이버로 해야 할듯 싶다. 저품질 되지 않게 하는 방법. (내 티스토리는 이미 저품질인데 버리긴 싫고.. )1) 각 블로그 마다 주..
Lesson #6 스타일 시트를 읽기 쉽게 정리하는 방법 Lesson #6 스타일 시트를 읽기 쉽게 정리하는 방법 이 포스팅의 목차 1. 본격적인 CSS 작성 시작전에 소개 및 목차 작성하기. 2. 자주쓰는 색상과 폰트 작성해두기. 3. 주석으로 영역 구분을 하고 목차의 제목을 사용한다. 4. @rule을 상단에 둔다. 5. CSS 구체성을 활용한 계층구조 적용 오늘은 제목 그대로 스타일 시트를 읽기 쉽게 정리하는 방법에 대해 포스팅 해보겠습니다. 웹페이지를 렌더링할 떄 CSS코드를 해석하는 건 컴퓨터지만 CSS를 만들고 편집하는 건 우리의 일이죠. 개발 중에는 쉽게 코드가 지저분해지고 CSS규칙 사이의 상호관계, 캐스케이딩 순서, 심지어 수정할 CSS의 위치조차 파악하기 어려워 질때도 있습니다. 제가 알려드리는 5가지를 참고하셔서 작업하는 동안 코드를 잘 정..
Lesson #5 CSS FlexBox ( 플렉스박스 1) Lesson #5 CSS FlexBox ( 플렉스박스 ) 이 포스팅의 목차 0. 플렉스박스 소개. 1. 플렉스박스란 2. 방향, 흐름, 시각적인 순서 처리 2-1.flex-direction 2-2. flex-wrap 2-3. flex-flow CSS Flexbox 00. 플렉스박스 소개 flex모듈에 대해 소개해드릴께요. grid Layout과 함께 유동적인 레이아웃 모듈인 Flrex box(플렉스박스)모듈에 대해 소개합니다. 이 Flexbox(플렉스박스)모듈은 복잡한 웹 페이지와 응용프로그램들을 구현할 수 있도록 디자인된 새로운 레이아웃입니다. CSS를 많이 다뤄본 분들이라면 본인들만의 노하우로 수직중앙 정렬(Vertical centering)을 하고 계실거에요. 이처럼 중요하고 필요하지만 조금은 허술..
Lesson #4 CSS Box Model ( 박스모델 ) Lesson #4 CSS Box Model ( 박스모델 ) 이 포스팅의 목차 1. 박스모델의 개념 2. padding과 margin의 값 사용법과 순서 1. 박스모델의 개념 CSS에서는 디자인과 레이아웃에 대해 ‘박스모델’이라는 용어를 사용합니다. CSS 박스모델은 본질적으로 HTML 요소를 감싸는 ‘상자’입니다. 좀더 설명을 드리자ㅁ면, 웹 문서에 텍스트, 이미지, 테이블 등의 요소를 배치하기 위해 사용되는 개념입니다. 박스 모델을 이용해서 웹 문서의 전체 레이아웃을 정의할 수 있고, 요소들을 원하는 위치에 배치하여 화면을 디자인할 수 있습니다. HTML5의 태그들 중에서 , 등을 제외하면 거의 모든 태그가 박스 모델의 개념에 적용됩니다. 아래 이미지는 박스모델을 보여줍니다. w3schools.com의..
Lesson #3 CSS Combinators (결합자, 조합 선택자)에 대해서 알아봅시다. 이 포스팅의 목차1. CSS combinators(결합자)의 의미.2. CSS combinators(결합자)의 종류와 사용법. 1. CSS Combinators(결합자)의 의미. CSS 관련 책을 보다보면 Combinators를 한글로는 '결합자' 혹은 '조합 선택자'라고 이름지어져 있습니다. Combinators가 뜻하는 바는 무엇일까요? 어원의 사전적 의미를 잠깐 파악 하고 들어가보도록 합시다.  제 나름의 추측으로는 '결합되다'라는 의미를 갖고있는 Combin에 접미사 'or'이 붙어서 만들어 진것이 아닐까 싶습니다.그리고 CSS 관련 책에서는 선택자(selector)들을 복합적으로 조합하는 방법을 제공하므로 '조합 선택자'라고 표현하기도 합니다. w3shools닷컴에서는 CSS Combinator..

티스토리툴바