JH 개발 블로그

오늘은 자기소개 웹사이트를 한번 만들어 보았다! 그리고 1년 전에 만들었던 유튜브 드림 코딩의 유동적인 상단 헤더바 만들기 영상을 다시 보고 따라 만들었다. 하나도 기억 안난다...★ 개발은 꾸준히 하지 않으면 감을 잃는 것 같다. 나 자신 좀 더 분발하자 Today 자기소개 웹 사이트 만들기 깃허브로 웹 호스팅하기 Tomorrow 유튜브 반응형 웹 만드는 방법 알아보기 자기소개 웹 사이트 최종본 만들기 그리드 사용법 공부해보기

header { } header .gnb { width:100%; background-color:#353535; } header .gnb ul { overflow:hidden; width:1000px; height:30px; line-height:30px; margin:0 auto; } /* line-height 같이 지정해야 수직 가운데로 정렬 된다! */ header li{ float:left; list-style:none; margin-left:50px; font-size:.9em; } float 속성이 너무 어렵다고 생각 되었는데 오늘 어디서 주워듣기론 새로운 기술인 flex 속성을 사용하면 더 편하게 사용할 수 있다고 한다. 순간 급 의욕이 떨어졌다.... 그래도 다음 사이트를 소스 검사 해보니..

이번 시간은 강사님이 한거 보고난 뒤 안보고 스스로 야후 사이트(언제적 야후 사이트냐....) 를 만들어보기로 했다. 강사님이 만든 것↓ header 의 경계가 살짝 헷갈렸는데 강사님은 search 창까지 묶어주었다! 상단 header_nav 부분에서 리스트와 FireFox 부분 모두 각각 div 로 묶었다. 그리고 리스트는 그대로 냅두고 FireFox 부분을 float: right 속성을 주었다. 상단 div id=header_info 부분에서 야후 로고 이미지, 검색창, 서비스 모두 div class 로 묶었다. -> div 로 다 묶어주는구나.... 또한 로고 이미지에 float : left 속성을 주고, 서비스는 float..

앱이나 웹사이트나 게임 등 무언가 만들기 시작하면 파일들이 다 담기는 프로젝트 폴더가 있다. 그 폴더로 이동(cd) 하고 git 을 시작하면.. (혹은 vs code 프로그램에서 crtl + ` 을 눌러서 git 을 시작할 수 있다. 동시에 현재폴더로 이동명령) $ git init -> 지금부터 이 모든 폴더의 수정 내역들이 저장되는 .git 이라는 숨김 폴더가 생긴다. 현재 작업한 폴더를 백업하고 싶다면.. $ git commit -m "(작업수행 내용)" -> "(작업수행 내용)"에 들어가야 할 것은 이러이러한 작업을 수행했다 정도의 코멘트를 달아준다. 그 다음 commit 과정이 일어나고 박제가 된다고 볼 수 있다. 이때 박제를 여러번 했다고 해서 용량이 엄청 커지는 것은 아니고 변경 사항만 기록되..

dos 창에서 실습해보았다. ① dir -> 현재 위치에서 디렉토리 목록들을 보여준다. ② mkdir c:\aaa -> C드라이브에 aaa 라는 디렉토리를 만든다. ③ cd c:\aaa -> aaa 라는 디렉토리에 들어간다. ④ mkdir d1 d2 d3 -> aaa 라는 디렉토리에 d1, d2, d3 디렉토리를 만든다. ⑤ dir (출력결과) C 드라이브의 볼륨에는 이름이 없습니다. 볼륨 일련 번호: 9609-8567 c:\aaa 디렉터리 2021-07-01 오후 07:08 . 2021-07-01 오후 07:08 .. 2021-07-01 오후 07:08 d1 2021-07-01 오후 07:08 d2 2021-07-01 오후 07:08 d3 0개 파일 0 바이트 5개 디렉터리 18,518,069,248 ..

리눅스의 ㄹ자도 몰라서 정말 막막했다. CentOS 가 무엇이며, 우분투..는 또 무엇이냐? 일단 리눅스는 배포판 버전이 여러가지라는 것을 알게 되었다. 그 중 나는 리마 자격증도 따고 공부도 해볼겸 겸사겸사 CentOS 7 버전을 설치하였다. CentOS는 기업에서도 많이 쓴다고 하니 다행이다. 설치부터 이제 또 몇 시간 막히기 시작했는데.... 유튜브에 설치 설명이 있었다. 하나하나 천천히 따라가니 어찌저찌 설치되었다! 휴.. (링크 : https://www.youtube.com/watch?v=WUtNyOuWjOQ) 명령어 몇 개를 따라 쳐보았다. rpm -qa | nl ==> package 설치 수 303 df -h ==> 하드디스크 파티션 정보

Sql 전문가 가이드 책 막바지에 와서 읽기가 너무 힘들어서 쓰면서 정리했다. 눈으로만 책 봤을때 NL Join , Sort Merge Join, Hash Join... 많이 헷갈렸는데 이제 머릿속에서 잘 정리된 것 같다. 이제 암기만 하면 될 것 같다. 틈날 때마다 봐서 이 단원 문제는 꼭 다 맞혀야겠다! (굳센 각오!!) + ) Sqld를 따시는 분은 알아두세요! 출처: 데이터 전문가 포럼 카페 요약하자면... SQL 전문가 가이드가 2020개정판이 나왔는데 시험개요와 개정판 내용이 서로 달라서 혼동이 오는 사람들이 많고 카페 내에서도 정확히 알고 있는 사람도 없기에 어떤 분이 문의넣었던 내용입니다. 혹 이걸 따로 봐야될지말아야될지 고민하시는분이 있다면 참고하시길바랍니다... ​ 1차 답변 : 요약 ..

To do DEV 유튜브 클론 코딩 해보기 (1시간 이내) 힌트 보고 다시 코딩 시도해보기(2시간) School 확률과 통계 과제하기 TIL 오늘은 유튜브 클론 코딩을 해보았다. 놀랍게도.. 저번에 헤더 상단바 코딩을 했을 때보다 난이도가 살짝 쉬운 것 같았다. 오늘은 감을 못잡은 정도는 아니었다. 2번째 코딩이라 한결 나아진 걸까? 하지만 완벽하게 코딩을 한 건 아니다...! 그래도 안보였던 구조가 어느정도 보인다는 얘기이다. 유튜브 클론 코딩을 해보았을 때 개인적으로 부족하다고 생각하는 점은 - 아이템들이 1:1 비율을 갖도록 코드를 썼음에도 불구하고 적용이 되지 않는다ㅠ (개념 다시 check 하자!) - 화면에 제대로 구현됬으나 HTML 코드가 정말 깔끔하다고 얘기는 못하겠다. - 디테일을 제대로..

To do DEV 유튜브 클론 코딩 해보기 (1시간 이내) School 컴퓨터 개론 과제 제출 TIL 어제 친구 집에서 하룻밤 자고 집으로 돌아와서 겨우 학교 과제만 제출하였다..omgㅠㅠㅠㅠ 곧 시험기간이 다가오니까 빨리 5월 말까지 코딩 공부를 해야한다.. 시간이 없다..!! 반성반성! 내일은 정말 유튜브 클론 코딩을 해보자! Tomorrow do 유튜브 클론 코딩 꼭 연습해보기 유튜브 클론 코딩한 것 -> 코드 비교해보기 확률과 통계 과제 하기

To do DEV 유튜브 강좌 듣고 유동적인 '헤더 상단바 코딩' 해보기 School 시스템자동화 4주차 강의 듣기 품질표준방법론 과제 피피티 대략 만들기 산종설 레포트 대략 작성.. TIL 오늘은 유튜브에 있는 좋은 무료 강좌를 찾아서 그것을 들어보고 따라해서 헤더 상단바 코딩을 해보았다. 요새 들어 이론보다 실제로 무언가를 만드는게 더 중요하다고 느껴졌다. 이론으로는 무슨 개념인지 이해를 하고 넘어갔지만 막상 웹사이트를 만들자니 구조가 명확히 보이지 않았다.. 보자마자 구조를 파악하는 능력이 필요할 것 같다. 유튜브에 좋은 영상들이 많아서 앞으로도 따라해서 만들어볼 생각이다. Tomorrow do 오늘 배웠던 것 -> 간단하게 블로그에 몰랐던 것, 핵심 개념들 올리기