[ # 3ํ์ฐจ ์ ๋ณด ]
- 2024๋ 1์ 15์ผ 19:00 - 22:00
- Discord ์์ ํตํ๋ก ์จ๋ผ์ธ ์คํฐ๋ ํ์ ์งํ
[ # 3ํ์ฐจ ๊ฐ์ธ ๋ชฉํ ]
๋์๋ฆฌ ํํ์ด์ง FE
- ๊ฒ์ํ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ํ์ด์ง
[ # 3ํ์ฐจ ๊ฐ์ธ ํ๋ ๋ด์ฉ ]

<!-- community section -->
<section class="community_section layout_padding">
<div class="community_container">
<div class="container ">
<div class="heading_container heading_center">
<h2>
ARGOS <span>COMMUNITY</span>
</h2>
<p>
"Hack the world for everyone"
</p>
</div>
<div id="community_board_wrap">
<div>
<div class="community_board">
<div class="title">
<a href="argos-announcement-board-list.html" class="name">๊ณต์ง์ฌํญ</a>
<a href="argos-announcement-board-list.html" class="more"><img src="images/community-more.png" alt="๋๋ณด๊ธฐ"></a>
</div>
<div class="list">
<ul>
<li>
<a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a>
<span>2024-01-05</span>
</li>
<li>
<a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a>
<span>2024-01-05</span>
</li>
<li>
<a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a>
<span>2024-01-05</span>
</li>
<li>
<a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a>
<span>2024-01-05</span>
</li>
<li>
<a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a>
<span>2024-01-05</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="community_board">
<div class="title">
<a href="welcome-to-argos-board-list.html" class="name">๊ฐ์
์ธ์ฌ</a>
<a href="welcome-to-argos-board-list.html" class="more"><img src="images/community-more.png" alt="๋๋ณด๊ธฐ"></a>
</div>
<div class="list">
<ul>
<li>
<a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a>
<span>2024-01-05</span>
</li>
<li>
<a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a>
<span>2024-01-05</span>
</li>
<li>
<a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a>
<span>2024-01-05</span>
</li>
<li>
<a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a>
<span>2024-01-05</span>
</li>
<li>
<a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a>
<span>2024-01-05</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="btn-box">
<a href="write.html">
Write
</a>
</div>
</div>
</div>
</section>
<!-- end community section -->
/* ๊ฒ์ํ CSS */
#community_board_wrap {
width: 100%;
padding: 50px 0px;
border-radius: 30px;
background: #f5f6f7;
margin-top: 50px;
}
#community_board_wrap > div {
display: inline;
width: 90%;
min-width: 1000px;
max-width: 1200px;
padding-left: 15px;
margin: 0 auto;
font-size: 0;
}
.community_board {
display: inline-block;
width: 48%;
border-radius: 30px;
background: #ffffff;
}
#community_board_wrap > div > div:nth-child(even) {
margin-left: 4%;
}
.community_board .title {
position: relative;
padding: 20px;
border-bottom: 2px solid #6799FF;
}
.community_board .title a {
display: inline-block;
vertical-align: middle;
color: #444;
font-weight: 1000;
}
.community_board .title .name {
font-size: 24px;
font-weight: 600;
letter-spacing: 0px;
}
.community_board .title .more {
position: absolute;
top: 24px;
right: 20px;
}
.community_board .title .more img {
width: 30px;
}
.community_board .list {
padding: 20px;
}
.community_board .list ul li {
margin-top: 10px;
font-size: 0;
margin-left: -35px;
}
.community_board .list a,
.community_board .list span {
display: inline-block;
vertical-align: middle;
color: #000000;
}
.community_board .list a {
width: 80%;
text-align: left;
font-size: 14px;
}
.community_board .list span {
width: 20%;
text-align: right;
font-size: 12px;
color: #777;
}
.community_board .list a:hover {
font-weight: 1000;
}
'๐ ๊ฐ์ธ ํ๋ ๋ชจ์์ง ๐ > ๐ฉ๐ปโ๐ป `23 -`24 ๋๊ณ ๋ชจ๊ฐ์ฝ ๐ฉ๐ปโ๐ป' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[`23 - `24 ๋๊ณ ๋ชจ๊ฐ์ฝ] Bit๋๊ธฐ 6ํ์ฐจ ๊ฐ์ธ ๋ฆฌ๋ทฐ (0) | 2024.02.05 |
---|---|
[`23 - `24 ๋๊ณ ๋ชจ๊ฐ์ฝ] Bit๋๊ธฐ 5ํ์ฐจ ๊ฐ์ธ ๋ฆฌ๋ทฐ (1) | 2024.01.29 |
[`23 - `24 ๋๊ณ ๋ชจ๊ฐ์ฝ] Bit๋๊ธฐ 4ํ์ฐจ ๊ฐ์ธ ๋ฆฌ๋ทฐ (0) | 2024.01.22 |
[`23 - `24 ๋๊ณ ๋ชจ๊ฐ์ฝ] Bit๋๊ธฐ 2ํ์ฐจ ๊ฐ์ธ ๋ฆฌ๋ทฐ (1) | 2024.01.08 |
[`23 - `24 ๋๊ณ ๋ชจ๊ฐ์ฝ] Bit๋๊ธฐ 1ํ์ฐจ ๊ฐ์ธ ๋ฆฌ๋ทฐ (0) | 2024.01.01 |
[ # 3ํ์ฐจ ์ ๋ณด ]
- 2024๋ 1์ 15์ผ 19:00 - 22:00
- Discord ์์ ํตํ๋ก ์จ๋ผ์ธ ์คํฐ๋ ํ์ ์งํ
[ # 3ํ์ฐจ ๊ฐ์ธ ๋ชฉํ ]
๋์๋ฆฌ ํํ์ด์ง FE
- ๊ฒ์ํ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ํ์ด์ง
[ # 3ํ์ฐจ ๊ฐ์ธ ํ๋ ๋ด์ฉ ]

<!-- community section --> <section class="community_section layout_padding"> <div class="community_container"> <div class="container "> <div class="heading_container heading_center"> <h2> ARGOS <span>COMMUNITY</span> </h2> <p> "Hack the world for everyone" </p> </div> <div id="community_board_wrap"> <div> <div class="community_board"> <div class="title"> <a href="argos-announcement-board-list.html" class="name">๊ณต์ง์ฌํญ</a> <a href="argos-announcement-board-list.html" class="more"><img src="images/community-more.png" alt="๋๋ณด๊ธฐ"></a> </div> <div class="list"> <ul> <li> <a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a> <span>2024-01-05</span> </li> <li> <a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a> <span>2024-01-05</span> </li> <li> <a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a> <span>2024-01-05</span> </li> <li> <a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a> <span>2024-01-05</span> </li> <li> <a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a> <span>2024-01-05</span> </li> </ul> </div> </div> </div> <div> <div class="community_board"> <div class="title"> <a href="welcome-to-argos-board-list.html" class="name">๊ฐ์
์ธ์ฌ</a> <a href="welcome-to-argos-board-list.html" class="more"><img src="images/community-more.png" alt="๋๋ณด๊ธฐ"></a> </div> <div class="list"> <ul> <li> <a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a> <span>2024-01-05</span> </li> <li> <a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a> <span>2024-01-05</span> </li> <li> <a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a> <span>2024-01-05</span> </li> <li> <a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a> <span>2024-01-05</span> </li> <li> <a href="a">๊ธ ์ ๋ชฉ์ด ๋ค์ด๊ฐ๋๋ค.</a> <span>2024-01-05</span> </li> </ul> </div> </div> </div> </div> <div class="btn-box"> <a href="write.html"> Write </a> </div> </div> </div> </section> <!-- end community section -->
/* ๊ฒ์ํ CSS */ #community_board_wrap { width: 100%; padding: 50px 0px; border-radius: 30px; background: #f5f6f7; margin-top: 50px; } #community_board_wrap > div { display: inline; width: 90%; min-width: 1000px; max-width: 1200px; padding-left: 15px; margin: 0 auto; font-size: 0; } .community_board { display: inline-block; width: 48%; border-radius: 30px; background: #ffffff; } #community_board_wrap > div > div:nth-child(even) { margin-left: 4%; } .community_board .title { position: relative; padding: 20px; border-bottom: 2px solid #6799FF; } .community_board .title a { display: inline-block; vertical-align: middle; color: #444; font-weight: 1000; } .community_board .title .name { font-size: 24px; font-weight: 600; letter-spacing: 0px; } .community_board .title .more { position: absolute; top: 24px; right: 20px; } .community_board .title .more img { width: 30px; } .community_board .list { padding: 20px; } .community_board .list ul li { margin-top: 10px; font-size: 0; margin-left: -35px; } .community_board .list a, .community_board .list span { display: inline-block; vertical-align: middle; color: #000000; } .community_board .list a { width: 80%; text-align: left; font-size: 14px; } .community_board .list span { width: 20%; text-align: right; font-size: 12px; color: #777; } .community_board .list a:hover { font-weight: 1000; }
'๐ ๊ฐ์ธ ํ๋ ๋ชจ์์ง ๐ > ๐ฉ๐ปโ๐ป `23 -`24 ๋๊ณ ๋ชจ๊ฐ์ฝ ๐ฉ๐ปโ๐ป' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[`23 - `24 ๋๊ณ ๋ชจ๊ฐ์ฝ] Bit๋๊ธฐ 6ํ์ฐจ ๊ฐ์ธ ๋ฆฌ๋ทฐ (0) | 2024.02.05 |
---|---|
[`23 - `24 ๋๊ณ ๋ชจ๊ฐ์ฝ] Bit๋๊ธฐ 5ํ์ฐจ ๊ฐ์ธ ๋ฆฌ๋ทฐ (1) | 2024.01.29 |
[`23 - `24 ๋๊ณ ๋ชจ๊ฐ์ฝ] Bit๋๊ธฐ 4ํ์ฐจ ๊ฐ์ธ ๋ฆฌ๋ทฐ (0) | 2024.01.22 |
[`23 - `24 ๋๊ณ ๋ชจ๊ฐ์ฝ] Bit๋๊ธฐ 2ํ์ฐจ ๊ฐ์ธ ๋ฆฌ๋ทฐ (1) | 2024.01.08 |
[`23 - `24 ๋๊ณ ๋ชจ๊ฐ์ฝ] Bit๋๊ธฐ 1ํ์ฐจ ๊ฐ์ธ ๋ฆฌ๋ทฐ (0) | 2024.01.01 |