Recoding & Share Devlog

저번 포스팅에 대해 간략히 제목 요소인 h1~h6까지 한번 사용을 해보았는데요 ! 이번 포스팅에서는 html의 요소중 p, br, pre요소에 대해 한번 알아보겠습니다. 앞으로 포스팅은 Webstrom 에서 주석을 통하여 코드를 설명하는 방향으로 진행을 할 계획입니다. 포스팅에서 설명하는 사항은 아마도 추가적인 사항이나 실행시 화면에서 어떤 결과가 보여지는지 사진을 통하여 설명을 할 것같네요. 자 그럼 시작하겠습니다. 길거리 구자민 하늘색 음악과 그리운 초록색 길거리 에서 날 부르고있죠 그때의 그리운 마음과 기억이 눈부시도록 웃죠 그런 그 모습에 세상이 펼쳐졌죠 pre 예제 연습 test 화면 구동 ... .... 저번에 설명한 것은 주석을 제거하고 새롭게 나타난 항목에서만 주석을 처리 하였습니다 ! 이..

HTML 에 대해서 첫 포스팅을 시작하겠습니다. 먼저 저의 개발환경은 WebStrom으로 실행을 하였고 프로젝트를 생성하여 첫 번째 HTML 파일을 만들어 시작을 하였습니다 ^^ ! 먼저 HTML 을 만드는 가장 기본적인 항목부터 알아갈탠데요 ! HTML파일 생성시 나오는 저 구문들에 대하여 하나씩 풀어 해쳐보겠습니다 ! 다음 검색 인기 검색어 주요 서비스 전체 서비스 오늘의 정보 미디어 뉴스 많이 본 뉴스 꼼꼼히 본 뉴스 댓글 많은 뉴스 아 ! 한 가지 HTML 에서는 주석을 이런 식으로 사용을 한답니다 ! 주석이란 코멘트라고 말을 할 수있는데요 ! 개발자들이 주석을 달아 어떤 요소라던지 어떤 함수라던지 그 부분에대하여 설명을 써놓게되면 다른 개발자가 보았을때 그 프로그램을 다룰 수 있도록 혹은 자신이..

Let's Start 에서 마지막 포스팅이 되는 WWW입니다! 이번 포스팅은 정말 웹 프로그래밍에서 다루는 것은 무엇인지 그리고 우리가 사용하는 웹의 역사가 무엇인지 정말 간단히 기재를 하겠습니다 ! 아, Web Programming 카테고리 에서는 Let's Start -> HTML -> CSS -> JavaScript 순으로 업로드가 됩니다! 참고해주세요 포스팅 시작하겠습니다 ^^! 먼저 WWW ? 이것은 World Wide Web 이라고하는데요 Web은 거미줄이라고 해석해보면 World Wide(세계적으로 넓게 , 세계적인) Web(거미줄, 거미집) 이라 불리는 HTTP 프로토콜을 사용하기 위한 인터페이스라고 보시면 됩니다. 이 WWW의 역사를 보면 info.cern.ch 이 사이트를 들어가 보시면..

이번 Let's Start 부분에서 두번째 포스팅이네요 첫 포스팅에서 코딩 폰트에 대해 설명을하기 위하여 포스팅 하겠습니다. 먼저 WebStrom에서 폰트 설정은 코딩폰트로 하고 폰트 사이즈도 자신에게 맞게 혹은 크게 설정을 추천드립니다. 사이즈를 크게 설정 하려고 추천하는 이유는 오타로 인하여 발생하는 오류를 쉽게 찾기 위함인데요! 정말 폰트사이즈가 크면 오류를 발생하는 오타를 찾기가 좀 더 쉬워집니다! 물론 사용자에 따라서 다르고 자신에게 맞는 폰트 사이즈를 사용 하시는 분들은 그렇게 하셔도 무방하세요 ! 자 이제 코딩 폰트를 적용하라고 했는데, 코딩 폰트가 무엇이냐 ? 저는 D2 Coding 을 사용하는데요 이 글꼴은 나눔 바른고딕을 바탕으로 개발자의 코딩을 위해 가독성 및 유사 문자 간 변별력 뿐..

첫 포스팅입니다.이번 포스팅에서는 프론트 앤드(Front end) IDE 및 다룰 내용에 간략히 소개를 하겠습니다. 먼저 , 프론트앤드(Front end) : 개발의 앞 단, 즉 클라이언트 개발 1. HTML (Hyper Text Markup Language) : 웹표준(웹접근성 : 시멘틱) 마크업 2. CSS (Cascading Style Sheets) : 레이아웃 및 디자인 / 인터렉션 / 애니메이션 3. Javascript : 동작 및 제어 / 서버와의 통신 이렇게 간략히 소개를 할 수 있고 웹 프로그래밍 에서 다룰 내용들 입니다! 먼저, 통합개발환경에 대해서 어떤 IDE 가 있고 무엇을 선택한지 알아봅시다. 1. Dreamweaver 2. Bracket 3. Atom 4. Sublime Text ..