비전공자의 개발 도전기

오늘의 수업 : SQL 이어서 + 배포하기 배포하는 방법은 두가지를 배웠다.하나는 firebase를 이용다른 하나는 docker이다. firebase는 react로 만든걸 올리는 용이라는데 그냥도 올라가는것 같은데 다시 해봐야겠다.근데 한시간이 지나도 사이트가 호스팅되지 않는다...깃허브로 만들어볼때도 css 적용이 안됐었는데,, 해결법을 찾아도 안돼서 포기했었다.  firebase는 강의실 컴퓨터 문제로 c -> d 드라이브로 옮기니 파일생성 오류가 해결되었지만 호스팅이 안돼어 기다려보았다.그래서 docker는 놓쳐버려,,, 중간 부터의 기록을 못찾겠다.mysql의 터미널 까진 열었지만 어떻게 교재의 명령어가 입력되는지 모르겠다. => firebase 창은 뜨지 않았다!!!

오늘은 웹 개발의 이해 중간평가가 있었다.오늘 부터 쭉 한다는데 잘 할 수 있을까? 나 진도 못따라가서 자바스크립트에 발목잡혀 있는 중인데..?하나 빠져먹고 가는 것보다하나를 어느정도 제대로 아는게 더 좋을 것 같아내 속도에 맞춰 하고 있는 중이지만 많이 밀렸... 하지만, 오늘의 문제는 나름 괜찮았다!모르는건 찾아 보며 답을 했다.따로 여기에 정리해야지 1. 시멘틱 태그에 사용되는 7가지 종류  : 문서나 섹션의 머리말                   제목, 로고, 네비게이션 링크 등 : 네비게이션 링크 모음             사이트의 주요 메뉴나 링크 모음을 감싸는 데 사용 : 문서의 독립적인 섹션                   문서의 큰 부분을 나누는데 사용 : 독립적으로 구분 가능한 문서  ..

과제 두가지를 받았다.우선 이젠 이해는 가는 css를 먼저 해보았다. div태그를 하나 만들고 아래와 같은 CSS 효과를 적용해보기1. 처음 빨간색으로 배경화면 채우기 100px * 100px2. 애니메이션 시작시점 노란색 적용3. 50%시점에서 초록색 가로로 길이가 증가 가로 300px4. 100%시점 파랑색에 세로 길이도 300px로 증가 div class="sample2">sample2div>    style>        .sample2 {            background-color: red;            width: 100px;            height: 100px;            /* animation-name: changeColor;            animat..

[네트워크 통신] HTTP는 Stateless(무상태) 프로토콜 이다.상태를 기억하지 않고 요청한 상태만 처리 ➡️ 저장을 하고 있지 않다. Accept: ~~~~,~~~,                      */* -> 모든 타입에 받겠다. HTTP 메서드 상태 코드 GET 데이터 조회 요청  www.naver.com/blog/300/article/1  -> 1번글을 요구한다.  POST 데이터 전송해 등록 요청  www.naver.com/blog/300/article/edit  -> 글을 작성하고 있는 것 전송 PATCH 부분부분 수정 PUT 전체 수정 DELETE 데이터 삭제OPTIONS 서버가 어떤 메서드를 지원하는지 알아볼때 HEAD GET과 동일, 하지만 시작 행과 헤더만 변환 받아 TRAC..

var mailTitile = document.querySelector('#main-title small');        consol.log(mailTitle);        var ilbuni = document.querySelector('.ibuni');        consol.log(ilbuni);        // querySelector는 여러개라도 첫번째것만 가져온다        // 다 가져오고 시픈데? => querySelectorAll        // 그래도 하나만 가져올래 => querySelectorAll로 가져와 console.log(ibuni[1]);로 []개체 가져오기        // 자바로 보더 넣기        ilbuni[0].style.border = '1px so..

//함수        function sample() {            console.log('ㅋㅋㅋㅋ')        }        function 함수이름() {            실행 코드        }        함수이름(); //->호출해 출력되도록        sample();        // a와 b는 더하기 함수의 매개변수(parameter)        function 더하기(a, b) {            console.log(a + b);        }        더하기(1, 100); //1 + 100 -> 101출력        // function 더하기2(a, b) {        //     return a + b; //리턴값        // }     ..

var a = 100;        var mesaage = "\'엄마가 그런 짓 하면 안돼!'\ 라고 하셨어요.";        // \문장부호를 쓰려는 곳 앞에 넣어 비교        var b; // 값이 없어서 console.log를 쳐도 undefined(정의되지 않음)이 뜬다 //        // boolean (true, false)        consolelog(1 > 100); // false        consolelog(1 100); // true                // console.log(typeof a); //        // string : 문자열 ''안에 없는 건 숫자 //        //기본(원시) 데이터 타입//        var a = 100;    ..

너무 절망만 많이 한 것 같아 배운 내용 복습 겸 완성해야하는 포폴겸 유튜브를 보고 차근차근 해보기로 하였다. 유튜버 '타모 디자인'에 빠르게 정리가 잘 되어 있길래 보게 되었다.듣고 나니 왜 그렇게 힘들어 했는지 모르겠다.혼자 복기 하는 건 천천히 필요할때 공부하는 거고 간단한 필수만 되짚어야 했었는데 너무 무겁게 생각했다.이래서 매일 흥미로 시작한 공부도 포기했던 거구나... 근데 태그를 보고는 알겠는데 완전히 아는게 아니라 그런가 게임을 할땐 진짜 모르겠던데...ㅜ1. block 과 inline 태그의 차이 (div, span)block tag : div : 가로로 붙는 것 처럼 보인다 (하지만 배경색을 넣어보면 알 수 있드시 한줄 전채를 차지하고 있는 중)inline tag : span : 세로로..

4일짼데 공부하는 법이 잘못된걸까 이해를 못하고 기억을 못한다.나만 뒤쳐지는 기분...오늘의 과제는 지난 시간에 만들었던 회원가입화면을 조금더 꾸미는 것 아직 잘 모르겠어서 강사님이 사전에 보여주신 방식을 보고 하나하나 확인하면서 변경해 만들었다.그렇게 또 아 그렇구나~ 이거구나~ 시간... 언제쯤 익숙해져서 바로 알 수 있을까?  많이 사용해봐야 기억하겠지ㅜ 그리고 오늘 배운 플랙스, 그리드를 사용해 아이템을 나눠 컨테이너를 설정해 창이 어떤 크기가 되던 웹내의 크기는 바뀌지 않게 되는 법도 알게되었다. 포폴을 만들려면 빨리 익숙해져야 할텐데 수업도 빠듯하고 저녁 식사 시간도 빠듯하다.자습시간을 아무리 가져도 모자라.. 내용이 너무 많아 ㅋㅋ 요리하는 것처럼 무엇을 만들지 구상하고 디자인하고 재료준비하..

3일째....둘째 날에도 수업 들으며 아 그렇구나~이게 이거구나~ 까지만 되고 뭐 시도해 보려니 또 막히고 찾으러 가서 복붙이나 하고 있고.... (이래서 복붙한다고 했던 거구나 싶었따,,) 그렇게 정신없음 + 혼자 찾아보며 천천히 진도 나가다가 부랴부랴 + 딴길로 새서 다른 태그들 써보기....마지막은 진짜 부질없는 짓이었다는 걸 이틀이나 돼서 깨달았다...!뭐 그게 어디야... 그래도 과제는 대충 해결은 했었는데오늘건 아예 손도 못댔,,,, css 들어가는 순간 뭐가 훅 복잡해졌는데, 더 편해졌다는 것은 알겠다.어제 굳이 html시트 내에서 시간을 많이 잡아먹으며 색상이나 그림 바꾸는 걸 볼 필요가 없었다. 수업내용을 정확하게 복기하지 못하겠지만, 강의자료에 따라 따라가 보도록 하겠다. 하지만 내용이..