Skip to content

Commit

Permalink
feat : add the startup station contents
Browse files Browse the repository at this point in the history
  • Loading branch information
@BoRamSon
BoRamSon committed Mar 12, 2024
1 parent 5ddb2c3 commit 713c17c
Show file tree
Hide file tree
Showing 11 changed files with 557 additions and 16 deletions.
18 changes: 17 additions & 1 deletion 200_web.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,14 @@ <h1 id="hiddenBigTile"><a href="index.html">Welcome to My site~ I just Learn eve
</ul>
</li>
<br>
<li><a href="700_startupStation.html">◼︎ Startup Station of TECHIT</a>
<ul>
<li class="plusMaginForSecondList"><a href="701_startup_1.html">Introduce Myself</a></li>
<!-- <li>하위 리스트 항목 2</li>
<li>하위 리스트 항목 3</li> -->
</ul>
</li>
<br>
</div>

<div id="topGrid">
Expand Down Expand Up @@ -84,14 +92,22 @@ <h1 id="bigTile"><a href="index.html">Welcome to My site~ I just Learn everythin
</ul>
</li>
<br>
<li><a href="700_startupStation.html">◼︎ Startup Station of TECHIT</a>
<ul>
<li class="plusMaginForSecondList"><a href="701_startup_1.html">Introduce Myself</a></li>
<!-- <li>하위 리스트 항목 2</li>
<li>하위 리스트 항목 3</li> -->
</ul>
</li>
<br>

</ul>

<!-- ======================================================== -->
<!-- 🟩 본문 -->
<div id="article">
<h2>◼︎ WEB 의 역사</h2>
<p>
<p class="mainContents">
● 1960년대 <br> 인터넷은 1960년대에 미국 국방부 산하의 고등 연구국에서 군사적인 목적으로 처음 개발되었습니다.
<br><br>
● 1989년 <br> 웹은 1989년 3월에 스위스와 프랑스 사이에 위치한 유럽 입자 물리 연구소 (CERN)의 컴퓨터과학자 팀 버너스-리 (Tim Berners-Lee, 영국 옥스퍼드대학 교수)가 만들었습니다123. 웹은 세계의 여러 대학과 연구기관에서 일하는 물리학자들 상호간의 신속한 정보교환과 공동연구를 위한 프로그램으로 고안되었습니다.
Expand Down
21 changes: 19 additions & 2 deletions 300_html.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,16 @@ <h1 id="hiddenBigTile"><a href="index.html">Welcome to My site~ I just Learn eve
</ul>
</li>
<br>
<li><a href="700_startupStation.html">◼︎ Startup Station of TECHIT</a>
<ul>
<li class="plusMaginForSecondList"><a href="701_startup_1.html">Introduce Myself</a></li>
<!-- <li>하위 리스트 항목 2</li>
<li>하위 리스트 항목 3</li> -->
</ul>
</li>
<br>
</div>


<div id="topGrid">
<div id="emptyBox"></div>
Expand Down Expand Up @@ -85,6 +94,14 @@ <h1 id="bigTile"><a href="index.html">Welcome to My site~ I just Learn everythin
</ul>
</li>
<br>
<li><a href="700_startupStation.html">◼︎ Startup Station of TECHIT</a>
<ul>
<li class="plusMaginForSecondList"><a href="701_startup_1.html">Introduce Myself</a></li>
<!-- <li>하위 리스트 항목 2</li>
<li>하위 리스트 항목 3</li> -->
</ul>
</li>
<br>

</ul>

Expand All @@ -93,7 +110,7 @@ <h1 id="bigTile"><a href="index.html">Welcome to My site~ I just Learn everythin
<div id="article">
<h2>◼︎ HTML</h2>

<p style="margin-bottom: 10px;">
<p class="mainContents" style="margin-bottom: 10px;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/7T7r_oSp0SE?si=qMCazWg3uIxygwRS" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</p>
<p>
Expand All @@ -104,7 +121,7 @@ <h2>◼︎ HTML</h2>


<img src="Washing_Machine.png" width="20%">
<p style="margin-top:45px;">
<p class="mainContents" style="margin-top:45px;">
HTML elements are the building blocks of HTML pages.
<br>With HTML constructs, images and other objects, such as interactive forms, may be embedded into the rendered page.
<br>It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, quotes and other items.
Expand Down
19 changes: 17 additions & 2 deletions 30_html_Base.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,14 @@ <h1 id="hiddenBigTile"><a href="index.html">Welcome to My site~ I just Learn eve
</ul>
</li>
<br>

<li><a href="700_startupStation.html">◼︎ Startup Station of TECHIT</a>
<ul>
<li class="plusMaginForSecondList"><a href="701_startup_1.html">Introduce Myself</a></li>
<!-- <li>하위 리스트 항목 2</li>
<li>하위 리스트 항목 3</li> -->
</ul>
</li>
<br>

</div>

Expand Down Expand Up @@ -99,6 +106,14 @@ <h1 id="bigTile"><a href="index.html">Welcome to My site~ I just Learn everythin
</ul>
</li>
<br>
<li><a href="700_startupStation.html">◼︎ Startup Station of TECHIT</a>
<ul>
<li class="plusMaginForSecondList"><a href="701_startup_1.html">Introduce Myself</a></li>
<!-- <li>하위 리스트 항목 2</li>
<li>하위 리스트 항목 3</li> -->
</ul>
</li>
<br>

</ul>

Expand All @@ -112,7 +127,7 @@ <h1 id="bigTile"><a href="index.html">Welcome to My site~ I just Learn everythin

<h1> 테스트 제목 1</h1>
<h2> 테스트 제목 2</h2>
<p>
<p class="mainContents">
● 1960년대
<br>인터넷은 1960년대에 미국 국방부 산하의 고등 연구국에서 군사적인 목적으로 처음 개발되었습니다.
<br><br>
Expand Down
26 changes: 23 additions & 3 deletions 400_css.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,8 +48,18 @@ <h1 id="hiddenBigTile"><a href="index.html">Welcome to My site~ I just Learn eve
</ul>
</li>
<br>
<li><a href="700_startupStation.html">◼︎ Startup Station of TECHIT</a>
<ul>
<li class="plusMaginForSecondList"><a href="701_startup_1.html">Introduce Myself</a></li>
<!-- <li>하위 리스트 항목 2</li>
<li>하위 리스트 항목 3</li> -->
</ul>
</li>
<br>
</div>



<div id="topGrid">
<div id="emptyBox"></div>
<h1 id="bigTile"><a href="index.html">Welcome to My site~ I just Learn everything!</a></h1>
Expand Down Expand Up @@ -85,15 +95,25 @@ <h1 id="bigTile"><a href="index.html">Welcome to My site~ I just Learn everythin
</ul>
</li>
<br>
<li><a href="700_startupStation.html">◼︎ Startup Station of TECHIT</a>
<ul>
<li class="plusMaginForSecondList"><a href="701_startup_1.html">Introduce Myself</a></li>
<!-- <li>하위 리스트 항목 2</li>
<li>하위 리스트 항목 3</li> -->
</ul>
</li>
<br>

</ul>


<!-- ======================================================== -->
<!-- 🟩 본문 -->

<div id="article">

<!-- ======================================================== -->
<!-- 🟩 본문 -->
<h2>◼︎ CSS</h2>
<p><a href="https://www.w3.org" target="_blank" rel="noopener" title="html5 specification">Hyper Text Markup Language (HTML)</a> is the standard markup language for <strong>creating <u>web</u> pages</strong> and web applications.
<p class="mainContents"><a href="https://www.w3.org" target="_blank" rel="noopener" title="html5 specification">Hyper Text Markup Language (HTML)</a> is the standard markup language for <strong>creating <u>web</u> pages</strong> and web applications.
<!--
👨🏻‍🏫 HTML에서 <a> 태그의 target="_blank" 속성은 링크를 새 탭에서 열도록 합니다.
그러나 이렇게 하면 새로 열린 페이지가 원래 페이지를 조작할 수 있는 보안 문제가 발생할 수 있습니다. 이를 방지하기 위해 rel="noopener" 속성을 추가하는 것이 좋습니다.
Expand Down
10 changes: 5 additions & 5 deletions 40_css_Base.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ h2 {
margin-bottom: 10px;
}

p {
.mainContents {
margin-top: 10px; margin-left: 20px; margin-bottom: 70px;
}

Expand Down Expand Up @@ -50,7 +50,7 @@ img {
}

#hiddenGrid{
border-bottom: 1px solid gray; /* 🟢 제목 아래에 라인을 넣어서 구분합니다. */
border-bottom: 2px solid black; /* 🟢 제목 아래에 라인을 넣어서 구분합니다. */
display:none;
grid-template-columns: 100px 1fr /* 🔴 이 친구가 grid를 나눠주는 놈이다. div를 기준으로 나눠주심 */
}
Expand All @@ -75,7 +75,7 @@ img {
}

#topGrid{
border-bottom: 1px solid gray; /* 🟢 제목 아래에 라인을 넣어서 구분합니다. */
border-bottom: 2px solid black; /* 🟢 제목 아래에 라인을 넣어서 구분합니다. */
display:grid;
grid-template-columns: 70px 1fr /* 🔴 이 친구가 grid를 나눠주는 놈이다. div를 기준으로 나눠주심 */
}
Expand All @@ -95,7 +95,7 @@ img {
bottom: 0;
width: 200px;
background-color: #fff;
border-right: 1px solid #ddd;
border-right: 2px solid black;
z-index: 100;
transform: translateX(-100%);
transition: transform 0.2s ease-in-out;
Expand Down Expand Up @@ -125,7 +125,7 @@ img {
/* 🟥 grid 첫빠따에 있는 놈으로 리스트이다. */
/* 칼럼 나눠지는 기능 인지가 어렵습니다. 주석을 좀 적어넣도록 하겠습니다. */
.ulList { /* 🟩 리스트의 왕 */
border-right: 1px solid gray; /* 🟢 리스트 옆에 라인을 넣어서 칼럼 구분을 합니다. */
border-right: 2px solid black; /* 🟢 리스트 옆에 라인을 넣어서 칼럼 구분을 합니다. */
margin: 0;
padding: 20px;
list-style-type: none; /* 앞에 붙는 ●이거 없애기 위해서 넣었습니다. */
Expand Down
20 changes: 18 additions & 2 deletions 500_javascript.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,14 @@ <h1 id="hiddenBigTile"><a href="index.html">Welcome to My site~ I just Learn eve
</ul>
</li>
<br>
<li><a href="700_startupStation.html">◼︎ Startup Station of TECHIT</a>
<ul>
<li class="plusMaginForSecondList"><a href="701_startup_1.html">Introduce Myself</a></li>
<!-- <li>하위 리스트 항목 2</li>
<li>하위 리스트 항목 3</li> -->
</ul>
</li>
<br>
</div>

<div id="topGrid">
Expand Down Expand Up @@ -85,6 +93,14 @@ <h1 id="bigTile"><a href="index.html">Welcome to My site~ I just Learn everythin
</ul>
</li>
<br>
<li><a href="700_startupStation.html">◼︎ Startup Station of TECHIT</a>
<ul>
<li class="plusMaginForSecondList"><a href="701_startup_1.html">Introduce Myself</a></li>
<!-- <li>하위 리스트 항목 2</li>
<li>하위 리스트 항목 3</li> -->
</ul>
</li>
<br>

</ul>

Expand All @@ -96,7 +112,7 @@ <h1 id="bigTile"><a href="index.html">Welcome to My site~ I just Learn everythin
<details style="border: 1cm;">
<summary style="color: blueviolet;"><h2 style="margin-top: 0px; padding-top: 0px;">◼︎ What is JavaScript?</h2></summary>
<!-- 🆘 여기 h2 top의 모든 걸 없앴는데... 화살표가 왜 저 위에 있는 것인지 모르겠넹.. -->
<p>
<p class="mainContents">
자바스크립트는 크로스 플랫폼(cross platform), 객체지향 스크립트 언어로 웹페이지의 동작을 담당한다.
<br> 예를 들어 자바스크립트를 이용하면 ‘버튼을 클릭하면 밑에 날짜를 보여줘’라는 식의 명령을 내릴 수 있다.
</p>
Expand All @@ -105,7 +121,7 @@ <h1 id="bigTile"><a href="index.html">Welcome to My site~ I just Learn everythin

<div>
<a href="511_[JS]word-relay.html"><h2>● <u style="color:blue">[Game] Word Relay</u></h2></a>
<p>
<p class="mainContents">
(You can enter the 'Word Relay World' if you click the word)
<br><br>
* Create day : on Febrary 13 2024
Expand Down
16 changes: 16 additions & 0 deletions 512_[JS]koogkoogtta.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,6 +51,14 @@ <h1 id="hiddenBigTile"><a href="index.html">Welcome to My site~ I just Learn eve
</ul>
</li>
<br>
<li><a href="700_startupStation.html">◼︎ Startup Station of TECHIT</a>
<ul>
<li class="plusMaginForSecondList"><a href="701_startup_1.html">Introduce Myself</a></li>
<!-- <li>하위 리스트 항목 2</li>
<li>하위 리스트 항목 3</li> -->
</ul>
</li>
<br>
</div>

<div id="topGrid">
Expand Down Expand Up @@ -88,6 +96,14 @@ <h1 id="bigTile"><a href="index.html">Welcome to My site~ I just Learn everythin
</ul>
</li>
<br>
<li><a href="700_startupStation.html">◼︎ Startup Station of TECHIT</a>
<ul>
<li class="plusMaginForSecondList"><a href="701_startup_1.html">Introduce Myself</a></li>
<!-- <li>하위 리스트 항목 2</li>
<li>하위 리스트 항목 3</li> -->
</ul>
</li>
<br>

</ul>

Expand Down
Loading

0 comments on commit 713c17c

Please sign in to comment.