kagan-draca 님의 블로그

먼저 JavaScript로 HTML을 조작하기 위해JQuery를 추가한다.     script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js">script>JQuery는 안에 넣어주면 된다. 이후   Script를 안에 작성해주고,안에 fuction openclose()JavaScript 함수를 작성해줬다.     script type="module">        function openclose()        {        }    script> 함수 내부에$('postingbox').toggle()을 작성하고 HTML부분 적용시킬 테그에id="postingbox"라고 입력해줬다.div class="mypostingb..

오늘 게임 서버 개발자 1주차 과제를 끝냈다.내가 맡은 역할은 팀 소개 HTML의 입력 값을FireBase DataBase에 저장하고, 조회할 수 있게만드는 것이었다... 하지만, HTML을 담당한 팀원의 능력이 뛰어나서기존 강의 내용을 바탕으로 FireBase DataBase에저장이 불가능했다.(html 파일과 javascript 파일을 따로 분리시켜 만드는 방식을 사용하셨다) 그래서 결국 HTML을 담당한 팀원이 DataBase 까지 구축하고값 저장 및 조회를 완성하셨다. 그래서, 그 분이 만든 HTML, JavaScript, DataBase 코드를 뜯어보고따라쳐보면서 내 것으로 만들어볼려고 한다. 들어가기 앞 서 디렉토리 내부 구성을 먼저 살펴보면,는 다음과 같이 구성 돼 있다.HTML HEAD(팀..

이번 강의에서는 1주차 강의에서 만든 '추억의 앨범'을DataBase와 연결하는 강의 였다. DataBase에 들어가기 앞 서 꼭 JQuery를연결해야 하는데      script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">script> 위의 코드를 head 부분에 넣어주면 됐다.HTML과 DataBase 연결하기 DataBase 사용 이유 :데이터 베이스는 저장된 데이터를 잘 찾기 위해서 사용한다. DataBase  종류 : 관계형 데이터 베이스 : 키(key)와 값(value)들의 간단한 관계를 테이블화 시킨 데이터 베이스  비관계형 데이터 베이스 : 키(key)와 값(value)들이 관계를 맺지 않는 데이터 베이스 ..

오늘은 부트 스트랩을 이용해서 넷플릭스의 킹덤 페이지를 유사하게 따라 만들어 봤다.  전체 소스 코드 :  DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>스파르타플릭스title>    link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65Vohhp..

1. Web 개발 = 홈페이지, Web 페이지를 만드는 기술이다. Web 브라우저 작동 원리 Client(개인용 컴퓨터,  스마트 폰) : 요청을 요구하는 대상Server(서버 컴퓨터) : 요청에 대한 응답을 주는 대상  이때, HTML, CSS, JavaScript가 무엇인가? HTML : 뼈대CSS : 꾸미기JavaScript : 움직이기이다. HTML만 있으면 Web 페이지의 뼈대만 존재하게 되고, CSS로 그 뼈대를 꾸며 나갈 수 있으며, JavaScript로유저 행동에 대한 동작을 만들 수 있다. 2. HTML에 들어가기 앞 서 FrontEnd : 눈에 보이는 영역을 FrontEndBackEnd : 눈에 보이지 않는 영역을 BackEnd라 한다. 3. HTML 구조 HTML은 head 부분과 b..