11/25 Build Your Own Webpage 1~6

1. What you'll be making

우리는 코드의 무리를 작성하기 전에, 무엇을 당신이 이 프로젝트에서 만들 것인지 정확히 보는 것이 도움이 될 것이라고 생각한다.


index.html 파일을 확인해라. 그리고 예제의 결과로 생긴다. - 우리는 우리 자신의 웹 페이지를 만들었다.


*instructions

자신의 빌딩의 시작하기 위해 save& submit code를 눌러라


2. 모든 집은 프레임이 필요하다

HTML 페이지는 집과 같은 종류이다 : 이것은 작동하기 위하여 어떤 일정 수의 구조를 필요로 한다


집 처럼, HTML 페이지는 구조를 필요로 한다. 당신의 프레임은 <!DOCTYPE>, <html>, <head>, <body>태그로 만든다.


*instructions

당신의 웹페이지는 비어있다. 이것은 새로 태어났다! 다섯가지의 것들을 추가해보자

01. <!DOCTYPE> 태그

02. <html> 태그

03. <head> 태그

04. <title> 태그(당신이 좋아하는 어떤 타이틀!)  head 태그 사이에

05. <body>태그 


03. 헤더가 있는 것이 낫다

당신의 웹페이지는 body 태그 사이에 <h1> 헤더가 필요하다, 모두가  페이지가 당신에 관한것이라는 것을 알게


*instructions

<h1>태그를 body 태그 안에 생성해라 모두가 볼 수 있게 <h1></h1>사이에 당신의 이름을 적어라!


04. 너 자신에 대하여 말해라

당신의 페이지는 따라오고 있다. 그러나 아직 그것은 우리에게 말한게 아니다


당신은 문단이나, 당신의 관심사, 무엇을 위해 살아가는지, 얼마나 HTML을 배우는 것을 사랑하는지 등등 두가지에 관하여 말 할 수 있다.


*instructions

세개의 <p> 태그를 <h1> 태그 다음에 삽입해라( </body> 태그 전에 )

각각 세개의 단락에 당신 자신에 대하여 조금 적어라 

당신은 무엇이든지 당신이 원하는 것을 말할 수 있다. 이것은 당신의 웹페이지니까!



05. 사진은 천개 단어의 가치를 가진다

Nice work! 너의 페이지는 여전히 약간 spare로 보이긴 하지만 이미지나 두개의 깔끔한 것을 올리면 낫다


기억해라 이미지를 웹 에서 올리려면 당신은 오른쪽 클릭을 해서 "Copy image URL"을 필요로 한다. 그러면 그 URL을 <img> 태그에 사용한다.


*instructions

<img>태그를 body 태그 사이에 삽입해라. 어디든 놓을 수 있다. (우리 생각에는 <h1> 태그 아래, <p> 전에가 가장 최적으로 보인다)

당신은 src를 만들 수 있다.


06. Link me!

Great! 단지 한개의 문제가 있다: 당신의 웹페이지는 문이 없는 집과 같다. 

들어가거나 나가는 방법이 없다. 우리는 한 쌍의 링크로 고칠것이다.


한번 당신은 당신의 링크를 성공적으로 추가한다. 그리고 클릭하여 실행시킨다. 그럼 끝! 


아직도 약간 기초로 보이면 걱정마라. 우리는 곧 당신의 웹페이지가 sharp처럼 보이도록 만들기 위해 CSS를 가르쳐줄 것이다.


*instructions

2개의 링크를 추가해라

당신은 이미지나 약간의 텍스르로 링크를 추가할 수 있다. <p> 태그안에 추가할 수 있다


<a>태그를 어떻게 동작싴는지 잊었다면 힌트를 확인해라




'and so on' 카테고리의 다른 글

초성검색  (0) 2014.12.03
인덱싱  (0) 2014.12.03
11/17 HTML Basics 1~8  (0) 2014.11.17
windows 톰캣 설치  (0) 2014.04.21
마크다운 (MARKDOWN) 문법  (0) 2014.04.14

11/17 HTML Basics 1~8

1. HTML을 왜 배우는가

모든 웹페이지는 HTML이라고 불리는 언어로 쓰여져 있다. 

당신은 HTML에 관하여 모든 웹페이지 구조의 골격으로써 생각할 수 있다.

이 과정에서 우리는 HTML을 단락, headings, 이미지 그리고 웹페이지 링크를 추가하기 위하여 사용할 것이다


오른쪽에 보이는 에디터에 test.html 이라고 불리는 탭이 있다. 

이것은 우리가 HTML로 입력하기 위한 파일이다. 

코드에 있는 <>들을 보면? 그것은 HTML 이다! 

다른 언어 처럼 이것은 그들만의 특별한 문법을 가진다


우리가 저장&제출 코드를 누르면 결과 탭은 인터넷 브라우저처럼 행동할 것이다 (eg 크롬, 파이어폭스, IE)

브라우저의 일은 test.html의 코드를 인식할 수 있는 웹페이지로 전송하는 것이다

그것은 HTML 문법을 따르는 레이아웃 페이지로 변할지 알고 있다


2. HTML & CSS

HTML은 Hyper Text Markup Language를 나타낸다. Hypertext 의 의미는 "test with links in it" 이다

어느때나 단어를 클릭하면 새로운 웹페이지로 데려간다 당신은 hypertext를 클릭했다


Markup language는 페이지에 있어 텍스트가 더 많은 일을 할 수 있도록 하는데 사용되는 프로그래밍 언어이다.

: 이것은 텍스트가 이미지, 링크, 표 리스트 그리고 더 많은 것으로 전환될 수 있다.

HTML은 markup language 이다 

우리는 이걸 배울 것이다


웹페이지를 멋지게 만드는 것은 무엇인가?

그것은 CSS - Cascading style sheets. 


우리가 가장 먼저 할 일은 페이지의 뼈대를 설정하는 것이다. 


a. 항상 첫줄에 <!DOCTYPE html>을 적는다

이것은 브라우저가 어떤 언어를 읽는지 말해준다

b. 항상 <html>을 그 다음줄에 적는다 이것은 HTML 문서의 시작이다.

c. 항상 </html>을 마지막 라인에 적는다 이것은 HTML 문서의 종료이다.



3. 기본 용어

HTML에 관해 더 배우기 위해 우리는 HTML에 관해 어떻게 이야기 하는지 배워야 한다.

이미 당신은 <>를 많이 사용하는 것을 봐왔다.


01. <>안에 있는 것들은 tags라고 불린다

02. tags는 거의 항상 쌍으로 온다 : 오프닝태그 & 클로징 태그

03. 오프닝태그 예 : <html>

04. 클로징태그 예 : </html>


당신은 이미 존재하는 괄호 처럼 태그를 생각할 수 있다 : 하나를 열때마다 그것을 닫아야 한다.

tags 또한 한 세트이다. 그래서 너는 그것들을  / 로 닫아야 한다. : 가장 최근 열었던 태그는 가장 먼저 닫아야 한다

<first tag><second tag> Some text! </second tag></first tag>



마지막 예제는 우리의 HTML 파일을 어떻게 설정하는지 가르쳐준다.

우리가 지금 하는 모든 것은  <html> 과 </html> 사이로 간다



4. head 만들기

우리의 모든 HTML 파일은 오프닝 <html>과 클로징 </html> 태그 사이에 이동한다


HTML 파일은 항상 두개의 파트가 있다: head 와 body 

head를 시작해보자


head는 타이틀 처럼 html 파일에 관한 정보를 포함하고 있다 타이틀은 브라우저의 타이틀바나 페이지의 탭에서 볼 수 있는 것이다. 

예를들어 이 페이지의 타이틀은 "HTML Basics | Codecademy"이다


*instructions

우리의 웹페이지에 타이틀이랑 head를 추가해보자. 

01. 오프닝 <head>태그와 클로징 </head> 태그 추가

02. <head>태그들 사이에 오프닝 <title>태그와 클로징</title> 태그를 추가한다

03. <title>태그들 사이에 너의 페이지를 위한 타이틀을 적는다 ex) "My Webpage"

04. "Save & Submit Code" 누르기



5. body 용어

그레이트잡! THML 파일은 head랑 body 둘다 가지고 있다.

head는 타이틀과 같이 당신의 html 파일에 관한 정보를 넣는다.

  

body는 텍스트, 이미지, 링크와 같은 당신의 content을 넣는다

body 안에 있는 content는 실제 페이지에 보여질 것이다. 


body는 <html>테그 사이에, <head> 오른쪽 다음에 간다

아래와 같이 

<html>

<head>

<title> My webpage</title>

</head>

<body>

</body>

</html>


*instructions

01. </head>태그 아래에 <body>태그와 </body> 태그를 넣는다

02. body 안에 두개 용어를 넣는다 <p></p> 우리는 저 태그 사이에 내용을 적을 수 있다

<body>

<p>Hello world!</p>

</body>


6. 단락과 머리글

우리는 확실히 좋은 진전을 보이고 있다!

우리는 언제, 그리고 왜 우리가 HTML을 사용하는지 배웠다. 우리는 또한 어떻게 사용하는지 배웠다:


a. tag를 사용한 HTML 파일 설정

b. 웹 페이지의 타이틀(<head>안에)

c. 단락 생성(<body> 안에 <p >태그 이용하여)


다음 단계는 단락 머리글에 heading tags를 사용해주는것이다.

<h1> 태그를 시작한다. 이 태그 사이에 있는 내용은 커질 것이다!


*instructions

01. body 섹션 안에, 머리글을 생성한다. <h1> 태그 생성 =

02. 내용 추가

03. <h1>으로 닫는다(너의 내용은 지금 <h1>과 <h2> 사이에 있어야 한다)

04. 머리글 태그 아래에 두개의 <p>태그를 이용하여 너가 좋아하는 내용 무엇이든지 생성한다. 


<!DOCTYPE html>

<html>

<head>

<title>

Headings & Paragraphs

</title>

</head>

<body>

<h1> heading</h1>

<p>hello world</p>

<p>hello world too </p>

</body>

</html> 



7. more about headings!

HTML은 실제로 하나 이상의 제목 크기를 가지고 있다.

6개의 머리글 크기가 있다.<h1>은 제일 크고 <h6>은 작다!


<h1> - The CEO

<h2> - VP

<h3> - Director

<h4> - Middle management

<h5> - Lowly assistant

<h6> - gets coffee for everyone


*Instructions

01. 당신의 코드는 현재 <h1>머리글과 두개의 문단을 가지고 있다

02. <h3> 머리글을 두개의 문단 전에 추가한다 

03. <h5> 머리글을 두개의 문단 다음에 추가한다. 그리고 새개의 문단을 이 머리글 다음에 추가해라



<!DOCTYPE html>

<html>


<head>

<title>

Headings & Paragraphs

</title>

</head>

<body>

<h1>h1 heading</h1>

<h3>h3 heading </h3>

<p>hello world</p>

<p>hello world too </p>

<h5>h5 heading </h5>

<p>third paragraph hello world</p>

</body>

</html> 



8. 모든 머리글 사용하기

nice work!


*instructions

01. 3개 이상의 머리글 추가 하기. <h2>, <h4> 그리고 <h6>. 모든 태그를 닫았는지 확인해라!

02. 각 머리글 아래에 작은 문단을 추가해라. 문단은 <p></p>태그가 필요하다는 것을 잊지 말아라

'and so on' 카테고리의 다른 글

인덱싱  (0) 2014.12.03
11/25 Build Your Own Webpage 1~6  (0) 2014.11.25
windows 톰캣 설치  (0) 2014.04.21
마크다운 (MARKDOWN) 문법  (0) 2014.04.14
doxygen - 표  (0) 2014.03.19

GetLastError 1406

ERROR_TLW_WITH_WSCHILD
1406 (0x57E)

Cannot create a top-level child window.

GetDialogParam 할때 발생한 에러였다.


구글 검색 결과 자식 다이얼로그의 속성을 popup으로 변경하면 된다고 나오고, 

popup으로 변경하면 정상적으로 동작 한다. 


하지만 원하는 결과는 부모 다이얼로그에 자식 다이얼로그를 띄우는 거라서 

속성을 child로 유지해야 했다.


내 프로젝트에서 해당 에러가 발생한 원인은 

부모 다이얼로그의 핸들을 찾지 못해서 였다. 


createDialogParam(HINSTANCE hInstance, LPCSTR lpTemplateName, HWND hWndParent, DLGPROC lpDialogFunc, LPARAM dwInitParam);


이 부분 인자를 잘못 넣어주고 있었다.


hWndParent의 값을 넣어줄때 올바른 값을 넣어주고 있는지 확인이 필요함!!

windows 톰캣 설치

windows 환경에서 톰캣을 설치해 보았다.


  1. jdk 설치
    1. jdk 설치(jdk-7u51-windows-i586.exe)
    2. jre 설치 (jre-7u51-windows-i586.exe)
  2. 톰캣 설치
    1. 설치 파일
      1. apache-tomcat-8.0.5-windows-x86.zip
    2. 설치
      1. 해당 파일을 압축 푼다
      2. cmd 창에서 압축 푼 경로에서 인스톨 명령
        1. cd c:\apache-tomcat-8.0.5\bin
        2. service.bat install
  3. 접속 확인
    1. http://localhost:8080
  4. 톰캣 서비스 설정 
    1. 실행 > services.msc
    2. Apache Tomcat 8 Tomcat8 서비스
      1. 시작 
      2. 서비스 유형 변경 
        1. 자동 : PC가 시작될 때 자동으로 서비스 시작 됨
  5. 방화벽 설정
    1. windows 방화벽 > 고급 설정
    2. 고급 보안이 포함된 windows 방화벽
      1. 인바운드 규칙 > 새 규칙
    3. 환경 구성
      1. 새 인바운드 규칙 마법사
        1. 규칙 종류
          1. 포트
        2. 프로토콜 및 포트
          1. TCP
          2. 특정 로컬 포트 : 8080
        3. 작업
          1. 연결 허용
        4. 프로필
          1. 도메인, 개인, 컴퓨터
        5. 이름
          1. test


'and so on' 카테고리의 다른 글

11/25 Build Your Own Webpage 1~6  (0) 2014.11.25
11/17 HTML Basics 1~8  (0) 2014.11.17
마크다운 (MARKDOWN) 문법  (0) 2014.04.14
doxygen - 표  (0) 2014.03.19
프로파일링  (0) 2014.03.14

마크다운 (MARKDOWN) 문법

마크다운(markdown)은 일반 텍스트 문서의 양식을 편집하는 문법이다 README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다. 마크다운을 이용해 작성된 문서는 쉽게 HTML 등 다른 문서형태로 변환이 가능하다.


“쓰기 쉽고 읽기 쉬운 텍스트로 작성된 문서를 XHTML (혹은 HTML) 문서로 변환 할 수 있는 형식” 으로 존 그루버 (John Gruber)에 의해서 만들어졌다.


마크다운 편집기인 하루패드(haroopad)를 이용 하여 마크다운 문법을 사용해 보았다



1. 다운

http://pad.haroopress.com/user.html


2. 사용

프로그램을 실행하여 직접 마크 다운 문법을 입력해 보았다.




검정색 부분이 내가 편집한 부분이고,

하얀색 부분이 변환된 형식이다


이렇게 편집한 문서는 HTML 파일로 변환이 가능하다


3. HTML 변환





4. 변환된 HTML 확인





HTML 문법을 알지 못해도

마크다운 문법을 이용하면 텍스트 편집이 쉽게 가능해진다.








'and so on' 카테고리의 다른 글

11/17 HTML Basics 1~8  (0) 2014.11.17
windows 톰캣 설치  (0) 2014.04.21
doxygen - 표  (0) 2014.03.19
프로파일링  (0) 2014.03.14
개발 문서화 방법  (0) 2014.03.11

doxygen - 표

개발 문서에 표를 넣고 싶었다


어떤 파라메터가 들어가는지,

그 파라메터가 들어갔을때 동작은 어떻게 하는지, 

사용 하는 곳이 어디인지 기록하기 위하여



 파라메터

동작 

사용 하는 곳 

 

 

 

 

 

 


\tableofcontents를 추가 하였지만 표가 생기지 않아서, mainpage에서는 표를 추가할 수 없는 줄 알았지만. 


mainpage에서 command를 사용하기 위해서는 tab이 사이에 있으면 안된다.


ex) 

|파라메터 |동작|사용 하는 곳|

|---------|----|-----------|

|a| b| c|


하면 표가 생성되지만


ex)

|파라메터 |동작|사용 하는 곳|

|---------|----|-----------|

|a| b| c|


와 같이 표가 시작되기 전에 탭이 포함되면 표가 생성되지 않는다. 








'and so on' 카테고리의 다른 글

windows 톰캣 설치  (0) 2014.04.21
마크다운 (MARKDOWN) 문법  (0) 2014.04.14
프로파일링  (0) 2014.03.14
개발 문서화 방법  (0) 2014.03.11
문서작성의 5가지 口訣  (0) 2013.03.04

프로파일링

  1. 윈도우에서 프로파일링 가능한 프로그램
    1. 설치 경로
      1. http://lukestackwalker.sourceforge.net/
    2. Visual Studio에서도 가능하나, 2010은 버전에 따라 제공 한다.
    3. Visual Studio에서 프로파일링 도구 사용하기
      1. http://msdn.microsoft.com/ko-kr/library/z9z62c29(v=vs.100).aspx
      2. http://msdn.microsoft.com/ko-kr/magazine/cc337887.aspx

  2. Luke Stackwalker 사용 방법
    1. profile >  project setup

      1. next -> finish


'and so on' 카테고리의 다른 글

마크다운 (MARKDOWN) 문법  (0) 2014.04.14
doxygen - 표  (0) 2014.03.19
개발 문서화 방법  (0) 2014.03.11
문서작성의 5가지 口訣  (0) 2013.03.04
0  (0) 2013.01.08

개발 문서화 방법

소스코드에 주석으로 개발 문서 만들기


  1. doxygen 이용
    1. 만들 수 있는 파일 포맷
      1. html
      2. rtf
      3. pdf
  2. visual studio의 속성을 이용하여 xml 문서 만들기
    1. 만들 수 있는 파일 포맷
      1. xml

-  visual studio의 속성을 이용하여 xml 문서 만들기 방법

1. 옵션 설정


2. 주석 처리

예) 

 /// <summary>

   /// GetZero method

   /// </summary>

   /// <example> This sample shows how to call the GetZero method.

   /// <code>

   /// int main() 

   /// {

   ///    return GetZero();

   /// }

   /// </code>

   /// </example>

const char* GetString()

{

return "Hello";

}

3. 빌드 하면 debug 폴더에 xml 파일이 생성된다



'and so on' 카테고리의 다른 글

doxygen - 표  (0) 2014.03.19
프로파일링  (0) 2014.03.14
문서작성의 5가지 口訣  (0) 2013.03.04
0  (0) 2013.01.08
assembly  (0) 2013.01.02

RegisterTaskDefinition 80070534 error

작업 스케줄러를 이용하기 위하여 MSDN에서 예제를 찾아보았다.


Logon Trigger Example (C++)

http://msdn.microsoft.com/en-us/library/aa381911(v=vs.85).aspx



이 샘플 코드를 실행하면 




아래와 같은 80070534 에러 코드가 발생한다.


The ITaskFolder::RegisterTaskDefinition method returns error 80070534 when called by the System account with the user parameter equal to NULL, the password parameter equal to NULL, and the logonType parameter equal to TASK_LOGON_SERVICE_ACCOUNT.


이는 로그온 트리거를 등록할때

사용자 계정이 등록되어 있지 않아서 발생한다.


예제에서는

특정 사용자가 로그온 할때 동작시키기 위하여


 hr = pLogonTrigger->put_UserId( _bstr_t( L"DOMAIN\\UserName" ) );

 

가 포함되어 있어서, 저 "DOMAIN\\UserName" 부분을 실제 실행시키려는 컴퓨터의 계정 이름으로 변경하거나,

모든 사용자가 로그온할 때 사용시키기를 원하면 put_UserId를 입력시키지 않아도 된다.



서비스 <-> 응용 프로그램 간의 IPC

서비스 <- 응용 프로그램

서비스는 커널에서 동작 하기 때문에 공유 메모리 생성할때 전역 이름을 주어야 함 

Global\\이름


서비스->응용 프로그램

시스템영역의 프로세스와 일반 유저영역의 프로세스간의 파일 접근 권한이 다름

접근 권한으로 공유 메모리 생성해야 함