본문 바로가기

전체 글

[HTML 기초 강의] ⑤HTML문서,구조화태그 HTML문서,구조화태그에 대해 알아보려고 한다. 1.HTML 문서 구조 html 문서는 크게 head와 body로 구분 1) head 영역은 브라우저에서 페이지를 열었을 때 표시되지 않는 부분 타이틀, 메타태그, 스타일시트 등으로 구성 *타이틀은 말 그대로 브라우저 제목 *메타태그는 해당 웹 페이지를 설명하는 태그- 검색엔진이나 브라우저가 접근할 때 사용할 수 있는 정보를 담고 있음 *스타일시트는 해당 페이지를 꾸미기 위한 스타일(폰트, 색상, 배경 등)을 정합 지정- HTML 문서 내에서 태그를 사용하여 정해줄 수도 있지만, 주로 별도의 CSS 파일을 만들어 구분함 2) body 영역은 웹페이지 내에 표시되는 부분 본문과 자바스크립트 영역으로 구성 *본문은 사용자에게 보여주고자 하는 콘텐츠 내용 *자바.. 더보기
[HTML기초 강의] ④ 자주 사용하는 텍스트 태그1 자주 사용하는 텍스트 태그1에 대해 알아보려고 한다. 1. 자주 사용하는 텍스트 태그 태그 설명 ~ 콘텐츠 내부의 제목 정의 / h1요소는 한 문서에 한번만 지정하는 것을 권장 / 블록 요소 텍스트의 문단 요소 / 블록 요소이긴하나 특이하게 또다른 블록 요소를 포함하지 않음 줄바꿈 / 빈 요소로 종료 태그 없음 / 인위적인 여백 값을 만들기 위해 사용 하지 않음! 강한 강조 / 볼드체로 일반적인 강조의 의미 / 이탤릭체로 표시 서명, 작성자 주소 및 연락처 등의 정보 / 블록 요소 참조용 표시 정의로, 중요성과 강조를 고려하지 않는 단순 표시사항으로 사용 / 인라인 요소 이렇게 주로 사용하는 HTML 태그는 한정되어 있음 , 특히 HTML 태그는 모든 것이 웹에 공개되어 있어 필요한 태그가 있다면 검색을.. 더보기
[책리뷰]최고 혁신 기업은 어떻게 만들어 지는가?마크 베니오프 최고 혁신 기업은 어떻게 만들어질까? 1. 세일즈포스닷컴은 기업의 마케팅을 비즈니스 하는 기업이라고 표현되고 있다. 연간매출이 20년 에이미 170억 불 (17년 8.4B, 20년 17.1B, 근데 영업이익은 3.5%)로 매년 30%에 가까운 성장을 기록하고 있다. 한편 의외로 영업이익은 3.5%에 불과한데, 그 원인이 공격적 마케팅과 M&A로 사세 확장 중인 때문이라고 하니 회사의 지속성장 여부를 주의 관찰할 필요가 있겠다. 클라우드 기반의 CRM Service 제공이라는 비즈니스 모델은 설립 당시에는 가히 혁신적이었지만, 지금도 경쟁자의 진입을 쉽게 허용치 않을 만큼 독보적인 서비스를 갖추고 있는가는 의문이다. 2. 시장의 틀을 깨고 경쟁의 rule을 바꿔 버리는 Game Changer 비싸기만 하고.. 더보기
[HTML 기초 강의] ③ HTML이란? HTML이란? 1.Hyper Text Makeup Language Hyper Text Makeup Language의 약자로 Hyper Text(하이퍼 텍스트) 기능을 가진 문서를 만드는 언어이다. 링크를 통해 자유롭게 이동이 가능하다는 것이 하이퍼텍스트의 가장 큰 특징 파일 형식은 '*. html'이나 '*. htm'으로 저장 2. HTML은 프로그래밍 언어가 아니다(?) 마크업 언어는 프로그래밍 언어가 아니라고 본다. 마크업 언어는 프로그래밍 언어의 가장 큰 특징이라고 할 수 있는 계산, 조건문이나 반복문을 사용할 수가 없기 때문. 웹페이지에서 프로그래밍을 하려면 HTML뿐만 아니라 프로그래밍 언어인 JavaScript도 사용해야 한다. 3. 웹프로그래밍 하려면 무엇이 필요? 홈페이지를 만드는 것부터,.. 더보기
[HTML/CSS 기초 강의] ② 비주얼 스튜디오 코드 사용법 1.VS Code 기본 설정하기 ① 바탕 화면의 VS Code 아이콘을 더블클릭 ② 왼쪽 툴바에서 네모 모양의 확장기능 아이콘을 클릭 [단축키 Ctrl+Shif] ③ file > preferences > settings (ctrl+,) font-size, font-family, tab size, word wrap 등 설정. ④ file > preferences > extensions (ctrl+shift+x) 사용중인 VS Code(Visual Studio Code)확장 플러그인 목록 auto rename tag- 태그는 시작태그와 맺음태그를 가지고 있음/예로 처럼/이럴때 이 익스텐션이 설치되어 있다면 시작, 맺음 태그 하나만 수정해도 자동으로 같이 수정됨 color highlight- #fff rab(.. 더보기
[책리뷰]사람은 어떻게 생각하고 배우고 기억하는가 제레드 쿠니호바스 1. 커뮤니케이션은 뇌과학의 이론적 토대 아래, 사람이 생각하고 배우고 기억하는 방식을 이용하면 강한 설득력을 가진 사람이 될 수 있다는 내용이다. 강한 설득력을 원하는 사람이 되고 싶다면, 열쇠는 내가 아니라 상대방이 가지고 있다. 상대방의 뇌를 열어서 그가 나에 대해서 가장 잘 이해하고 기억하고 관심을 가지게 할 방식을 찾아내야 한다. 책 한 권을 읽으면서 가장 큰 소득은 “브로카/베로니케 병목현상” 이라는 개념을 이해하게 되었다는 것이다. 현대판 노이즈 캔슬링 기능 같은 것인데, 뇌의 한 영역인 좌측 하전두회 라는 곳에서 병목현상을 처리하는 과정이 이 책 저자가 전달하려고 하는 대부분을 담고 있다고 해도 과언이 아니다. 사람들에게 내가 가진 메시지를 각인시키고 싶다면, 그들을 한 가지에 집중시킬 줄.. 더보기
[책리뷰]인간관계론 데일카네기(#데일카네기#인간관계론#인간관계#사람관계) 2천 년 전이나, 1백 년 전이나, 현대사회에서나 사람을 주제로 하는 내용은 시대를 불문하고 통하는 가르침이 있다. 또 시대를 불문하고 통하는 주제는 거의 유일하게 사람이라는 주제 밖에 없는 것 같다. 좋은 책이 이렇게도 많고, 또 개선해야 할 것이 무엇인지 이해도 되는데 현실에서 실천이 왜 안 되는 걸 보면, 이제는 이 것이 왜 어려운지에 대한 연구를 해야 하는 것 아닌가? 인간은 유일하게 교육을 통한 학습이 가능한 동물인데, 그 우수성에도 불구하고 왜 교육을 받고도 쉽게 깨우치지 못하는가? 대부분 칭찬, 진심의 지지, 우회적 지적 등 가장 유연한 방법을 쓰고 있어 현실에 적용하려면 많은 인내와 시간의 소비가 필요하다고 느낄 것이다. 내가 시간에 쫓겨 일일이 설명해 주거나 상대가 자발적으로 변하도록 할.. 더보기
[HTML/CSS 기초 강의] ① 비주얼 스튜디오 코드(VS Code) 설치하기 비주얼 스튜디오 코드(VS Code) 설치 1.텍스트 에디터란? 텍스트 형태의 프로그래밍 언어로 코드를 작성하기 위한 도구이며 코드에디터라고 부르기도 한다. 하나의 에디터에서 HTML/CSS뿐만 아니라 파이썬, C, JavaScript 등 다양한 언어의 코드를 작성할 수 있다. *C언어 처럼 컴파일러가 필요한 경우 등은 별도 패키지를 설치해야 할 수도 있다. 2. 텍스트 에디터의 종류 1)아톰(Atom) 2)서브라임 텍스트(Sublime Text) 3)브라켓(Brackets) 4)비주얼 스튜디오 코드(Visual Studio Code) 모두 윈도우/맥/리눅스가 지원되고, 무료로 이용 가능 3.VS Code 설치하기 ① 비주얼 스튜디오 코드 사이트로 이동 https://code.visualstudio.co.. 더보기

티스토리툴바