본문 바로가기
IT To do and To was

22년 3월 7일_근데..있잖아.. 왜 벌써 3월이야..?, 최종플젝아이디어

금호동짜세 2022. 3. 7.
728x90
반응형

월요일[좋게 생각하자.. 하둡은 쓸모없는..거다........]

 

1. 웹디자인 기능사 계획

2. 최종 플젝 아이디어 

3. 금일 웹디 공부 기재

 

뭔가 2월 달력을 뜯어야된다는 생각을 못했었다. 아직 2월인줄만 알았는데 상반기의 반이 지났다.. 시간이 너무 빠르다. 조금 천천히 지나갔으면 좋겠네.

 

1. 웹디자인 기능사 계획

시험날 : 3/26

2week 5days  : 19일 남음

 

7일~

날마다 한개이상의 홈페이지 완벽구현 

안 외워지는 부분 필기해서 들고다니면서 보기

 

14일~

무작위 연습 및 완벽구현 못한 곳 수기 작성

 

2. 최종 플젝 아이디어(재미요소가 있는 것이면 좋을듯 + 웹과 앱을 동시 구현되는 프로젝트가 더 발전가능성이 많아보임)

- 불법 및 정책관련 = 공중화장실 몰래카메라가 나온 화장실 여부확인

- 룸메이트를 구하는 어플

- 실생활 편의 = 쓰레기를 사진찍어서 어떤걸 분리배출해야하는지 

(+ 발표 시 제안사항

. 기간별로 무엇을 개발했는지, 어떤거에 시간을 많이 소요했는지 중점을 어디에 두었는지 내용을 담으면 좋을듯

. 어떠한 기술을 어떤식으로 구현했는지 설명하면 청강자 입장에서 얻는게 많을 듯

. 발표 마지막 쯤 아쉬운점을 기재하여, 추가로 발전방향 및 구현하지 못한 이유까지 설명하면 궁금점에 소화될듯

 

 

3. 금일 웹디 코드 공유

html css js
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>Dinamicharyul</title>
        <link rel="stylesheet" href="css/commn.css">
        <script src="js/jquery-3.6.0.min.js"></script>
        <script src="js/common.js"></script>

    </head>
    <body>
    <div class="header">
       <div class="wrap">
        <h1><a href="#"><img src="imges/New%20Piskel%20(3).png" alt="임시로고"></a></h1>
        <ul class="mainnav">
            <li><a href="#">탑</a>
            <ul class="subnav">
                <li>블라우스</li>
                <li>티</li>
                <li>셔츠</li>
                <li>니트</li>
            </ul>
            </li>
            <li><a href="#">아우터</a>
            <ul class="subnav">
                <li>자켓</li>
                <li>코트</li>
                <li>가디건</li>
                <li>머플러</li>
            </ul>
            </li>
            <li><a href="#">팬츠</a>
            <ul class="subnav">
                <li>청바지</li>
                <li>짧은바지</li>
                <li>긴바지</li>
                <li>레깅스</li>
            </ul>
            </li>
            <li><a href="#">악세사리</a>
            <ul class="subnav">
                <li>귀고리</li>
                <li>목걸이</li>
                <li>반지</li>
                <li>팔찌</li>
            </ul>
            </li>
        </ul>
        </div>
    </div>
        <div class="main">
            <h1>이미지 슬라이드 넣는 곳</h1>
        </div>
        <div class="tabs"></div>
    <div class="contents">
      <div class="notice">
        <h2>공지사항</h2>
        <ul>
            <li>
                <a href="#"></a>
                <span class="date">
                    
                </span>
            </li>
            <li>
                <a href="#">. 여름</a>
                <span class="date">
                    20.11.01
                </span>
            </li>
            <li>
                <a href="#">. 겨울</a>
                <span class="date">
                    21.10.20
                </span>
            </li>
            <li>
                <a href="#">. 가을</a>
                <span class="date">
                    22.01.01
                </span>
            </li>
            <li>
                <a href="#">공지</a>
                <span class="date">
                    22.03.07
                </span>
            </li>
        </ul>
        </div>
        <div class="banner"><a href="#"><img src="imges/baro.png" alt="배너"></a>배너</div>
        <div class="now"><a href="#"><img src="imges/banner.png" alt="바로가기"></a></div>
    </div>
    <div class="footer">
       <div class="wrap">
            <h1><a href="#"><img src="imges/bottomrogo.png" alt="하단로고"></a></h1>
            <div>Copyright</div>
            <p>hayrulpark.tistory.com</p>
            <div class="snsnav"><ul>
                <li><a href="#">FACEBOOK</a></li>
                <li><a href="#">INSTARGRAM</a></li>
                <li><a href="#">TWITTER</a></li>
            </ul></div>
        </div>
    </div>
    </body>
</html>		 *{padding: 0; margin: 0 auto;/*여백 없앰*/
    font-family: "맑은 고딕", sans-serif;}
li{list-style: none;}
a{text-decoration: none;} /*리스트 기호 없앰*/
img{border: none;} /*이미지 링크시 생기는 선 없앰*/

.mainnav{
    top: 0px;
    float: right;
}
.header{
    width: 100%; height: 100px;
    border-top: 5px solid #333333;
    background-color: #22239182;
    border-bottom: 1px solid navy;
    box-sizing: border-box; /*영역안으로 테두리 인사이드*/
}
.main{
    width: 1200px; height: 300px;
    margin: 0 auto;
}
.contents{
    width: 1200px; height: 300px;
    float: left;
    margin: auto;
}
.notice{
    float: left; width: 400px; height: 250px;

    margin: auto;
}
.tab{
    width: 1200px; height: 350px;
    margin: auto;
    background-color: antiquewhite;
}
.banner{
    float: left; width: 400px; height: 250px;
    padding: 5px 20px 0; box-sizing: border-box;
    margin: auto;
}
.now{
    float: left; width: 400px; height: 250px;
     padding: 5px 20px 0; box-sizing: border-box;
    margin: auto;
}
}
.footer{
    width: 100%; height: 100px;
    float: left;
    background-color: azure;
    margin: 0 auto;
}
.wrap{
    width: 1200px; height: 100%;
    margin: 0 auto;
    background-color: khaki;
}
.header h1{
    float: left; width: 400px; height: 100%;
    padding-top: 27px; box-sizing: border-box;
}
.footer h1{
    float: left; width: 400px; height: 100px;
    padding-top: 30px; box-sizing: border-box;
}
.subnav{
    display: none;
}

.board{
    width: 400px; height: 200px;
    padding: 0 20px;
/*    background-color: aqua;*/
    box-sizing: border-box;
    margin: 20px;
}
.btn{
    width: 100%; height: 50px;
    border-bottom:  1px solid #999999;
}
.btn .first{
    margin-left: 0;
}
.btn li{
    float: left;
    margin: 0 10px;
    height: 100%; line-height: 49px;
}
.btn .first{
    margin-left: 0;
}
.btn a{
    display: block;
    width: 100%; height: 100%;
    box-sizing: border-box;
    font-size: 18px; font-weight: bold; color: #999999;
}
.btn a.active{
    color: #222328; border-bottom: 3px solid #222328;
}
.bwrap{
    width: 100%; height: 150px;
}
.notice{
    width: 100%; height: 150px;
    padding: 0 20px; box-sizing: border-box;
}
.notice h2{
    width: 100%; height: 50px;
    border-bottom: 1px solid #999999; box-sizing: border-box;
    font-size: 18px; font-weight: bold;color: antiquewhite;
    line-height: 50px;
}
.gallery{
    width: 100%; height: 150px;
    display: none;
}

.notice li{
    width: 100%; height: 30px;
    line-height: 30px;
    font-size: 12px;
}
.notice a{
    float: left;
    display: block;
    width: 230px; height: 10px;/*길이가 길경우 width를 크게 설정*/
    padding-left: 10px; box-sizing: border-box;
    font-size: 17px; color: dimgray
}
.notice .date{
    float: right;
    display: block;
    padding-right: 13px; box-sizing: border-box;
    font-size: 16px; color: darkturquoise;
}
.gallery ul{
    padding: 25px 0;
}
.gallery li{
    float: left;
    width: 100px; height: 100px;
    margin: 0 10px;
}
.footer p{
    color: aliceblue;
    float: left; width: 400px; height: 100px;
    text-align: center; line-height: 100px;
}
.snsnav{
    float: right;
    width: 400px; height: 100px;
    line-height: 100px;
}
.snsnav ul{float: right;}
.snsnav li{float: left; margin: auto;}
.snsnav a{color: #fff;}		 $(document).ready(function(){

    $('.btn a').click(function(){
        $('.btn a').removeClass('active');
        $(this).addClass('active'); 
        var i = $(this).parent().index();
        $('.bwrap > div').fadeOut(0);
        $('.bwrap > div').eq(i).fadeIn(0);
    });
});

(+하둡 쉡내용

압축 bz2 풀기

bunzip2 ___.bz2

___ = 파일이름

hdfs dfs -mkdir /airline/
hdfs dfs -put 2008.csv /airline/
hdfs dfs -ls /airline

업로드한 파일의 위치
http://namenode-ip:9870

spark.apache.org/dwnloads.html

mv spakrxxxxx.tgz ../
cd 
ll
tar -xvf sparkxxxxx.tgz
mv sparkssss spark-3.1.3
cd spark-3.1.3/confe
cp spark-env.sh.tmplate spark-env.sh
vi spark-env.sh
  export SPARK_DIST_CLASSPATH=$($HADOOP_HOME/bin/hadoop classpath)
exprot JAVA_HOME=~/jdk1.8.0_301
cp log4j.properties.template log4j.properties
vi log4j.properties
log4j.rootCategory=WARN console
exit
~/spark-3.1.2/sbin/start-all.sh

# apt install python3.8
alternative --set python /usr/bin/python3

python3 -m pip install notebook
apt install python3-pip

vi .bashrc

export PYSPARK_DRIVER_PYTHON=jupyter
export PYSPARK_DRIVER_PYTHON_OPTS=notebook

source .bashrc

~/spark-3.1.2/bin/pyspark

 

//yesterday wished to today list
. 웹디자인 기능사 시험까지 study plan짜기 ✔

. 최종프로젝트 시 아이디어 최소 3개 생각해보기 ✔

. 웹디자인 기능사 영상 1개이상 꼭 수강하기✔

 

tomorrow wish list

. 좋은 인상 남기기

. 걸러서 말하기

. 실수하지 않기

728x90
반응형
저작자표시

'IT To do and To was' 카테고리의 다른 글

22년 3월 9일_C언어 2주차  (0) 2022.03.09
22년 3월 8일_hadoop last day!  (0) 2022.03.08
22년 3월 6일_손가락이 넘 아프다, 좋네!! 웹디자인기능사 팝업 영역, 전체  (0) 2022.03.07
22년 3월 5일_C언어 첫 수강  (0) 2022.03.06
22년 3월 4일_부글부글.. 저 무능한 강사는 목을 매우 처라  (0) 2022.03.05

'IT To do and To was' 관련글

티스토리툴바