비전공자의 개발 도전기

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

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

Day6. 조건문과 반복문 만들어 보기 1. 문자열 반복 ➡️ 문자열 반복 : 반복문 for 사용        1) string 3번 반복          for ( let i = 1; i                 document.write('string');   }           2) love 10번 반복          for ( let i = 0; i                 document.write('love');   }     2. 정수 찾기 ➡️ 모르겠다.. 강사님께 질문!

Day5. HTML+CSS 종합 포트폴리오 프로젝트에 오늘 배운 내용 적용해보기 ... 사실 시작도 못했다... 너무 많고 복잡해.ㅜ

Day4. Flex&Grid 1. 회원가입 폼에 아래와 같이 CSS 적용해보기               전체를 article로 잡고 가운데 정렬을 했더니 사용기술부분의 정렬이 어려워 표로 만들어 그런지 간격이 맞지 않게 정렬이 되어 왼쪽 마진값을 주어 통일시켰다.  2. 문제 풀어보기 http://w3schools.com/css/css_grid_item.asp W3Schools.comW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and m..

Day3. CSS 1. 로그인과 회원가입 화면을 만들어 보기      전체를 article로 묶고 text-align을 center로 만들었는데, 아이디저장 부분만 따로 왼쪽으로 정렬하고 싶었는데 안된다... 어떻게 하는 건지 모르겠다..ㅜ  2. CSS Dinner 도전CSS Diner - Where we feast on CSS Selectors! (flukeout.github.io) CSS DinerA fun game to help you learn and practice CSS selectors.flukeout.github.io[?]12) 특정 element 뒤에 바로 따라오는 siblings들을 선택 하는 selector '+'      plate + apple..17) .small :last-c..

Day2. HTML 만들기 결과물       1일차 열을 줄이는 방법을 모르겠다...ㅜ2일차를 colospan="2"로 병합을 시켜도 1일차가 더 큰 이유를 모르겠다....

과제 두가지를 받았다.우선 이젠 이해는 가는 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..