homesleephome homesleephome

git의 영역 세가지 (1) Working Directory (Local) : 개인 코드 작성 (2) Staging 영역 :​ git add 를 통해서 수정된 코드를 올리는 영역 (3) Repository : ​ git commit 을 통해서 최종 수정본을 제출 Staging Area :스테이징 영역은 작업 디렉토리와 git 저장고의 변경 이력 사이의 징검다리 역할을 한다. 작업 디렉토리->아직 커밋할 준비가 안 된 변경내용을 자유롭게 수정할 수 있음 스테이징 영역->커밋할 준비가 된 변경 내용이 git ㅓㅈ장소에 기록되기 전에 대가하는 장소 git add를 이용해서 현재 작업 디렉토리에 있는 내용을 스테이징 영역으로 이동시킬 수 있음 git commit 명령어가 변경 이력을 남길 사점에는 작업 디렉토리..

react style 문법을 react-native 문법으로 바꾸는 중 margin 0 auto 이건 react에 있던 style.div에 있던 margin 값인데 이 뜻은: margin 0 auto; 에서 0 이 의미하는 것은 위쪽과, 아래쪽의 여백을 0으로 준것이다. 한번에 동일한 크기를 줄때, 한번만 써주는 것입니다.auto는 좌우의 여백을 똑같이 배분한 것입니다. 그래서 브라우저 화면 가운데에 위치하게 됩니다. position :relative css코드인 이거의 의미는: position 속성을 relative로 설정하게 되면, 요소를 원래 위치에서 벗어나게 배치할 수 있게 됩니다. 요소를 원래 위치를 기준으로 상대적(relative)으로 배치해준다고 생각하시면 이해가 쉬울 것 같은데요 세션때 받..

CSS - li{ color = red; } //모든 li태그를 빨간색으로 칠해주세요 ———————————————————— css를 html에 갖다 붙이는 두가지 방식 ———————————————————— 선택자와 선언 li라고 그냥 써주면: 이 웹페이지 안의 li는 모두 ~하게 ———————————————————— 모든 li태그 말고 특정한 것만 하고 싶으면 id=“select” id 값이 select인 놈의 style #select ———————————————————— 클래스 선택자 id가 여러번 등장을 해야된다면 클래스로 그룹핑을 해줘야 됨 ———————————————————— 부모 자식 선택자 ul li : ul 밑에 있는 li에 대해- ol>li ol바로 밑에 있는 li에 대해서만 ul, ol ..

HTML 1.태그 -시작 태그 , 닫히는 태그 - 진하게 표시해라 - : heading1 h1은 줄바꿈 한다는 약속이 되어있음 …좀더 작은 글자로 2.속성 :: 이 안의 것이 링크라는 것을 알려주는 태그 : herf라는 속성 : 새로운 탭에서 링크 열기…target 속성, 순서는 상관 없음 : 커서 올려두면 멘트 뜸 목록으로 보이기 한줄씩 : 리스트로 보이기 : 성격이 비슷한 애들끼리 그룹핑 …unordered list 이 안에 li들어감 : ol 사이에 있는 li는 숫자가 붙음..ordered list 상위 하위 이 위에까지는 본문에 해당되는 태그 title 타이틀 : 타이틀이 웹의 탭에 적힘 : 글자가 깨지는거 해결 -이 두개의 정보는 문서의 본무의 내용은 아니지만 본문을 꾸며주는, 설명해주는 애들임..

onclick을 통해서 누르면 알림창을 띄울 수 있음 우리도 이제 이벤트를 처리할 수 있도록 하고 싶음 우리가 하고 싶은건 저 header을 클릭했을때 e=header라는 경고창이 뜨도록 하고 싶어 App함수 안의 에 아래와 같이 추가하자 props로 onChangeMode라는 함수를 주는거 이제 Header함수를 한번 보자 function Header(props){ return {props.title} } a태그 클릭 했을때 저 함수가 시작되는거 OnClick라는 것을 열고 함수를 실행시킨다. 근데 클릭해도 리로드가 되지 않도록 하고싶어 이때 인자로 적어놓는 event는 이벤트를 실행시킬때 필요한 먼가... 그래서 default를 prevnet하도록 해놓고 props로 온 것 중 onChangeMode..

5강 PROP html 코드는 src나 width 같이 속성을 가지게 됨...우리가 만드는 컴포넌트도 속성을 가지면 좋지 않을까? 리액트는 속성을 prop이라고 함 우리가 만드는 컴포넌트에 어떻게 prop를 장착할까? function Header(){ return React } function App() { return ( ); } export default App; 이렇게 생긴 코드에서 알아서 Header함수에 전달된 값으로 저 React라는 단어가 띄어지면 얼마나 좋을까? function Header(props){ console.log('props',props, props.title); return {props.title} } function App() { return ( ); } 이렇게 쓰면 된다...

4강 컴포넌트 만들기 사용자 정의 태그 만들기 + 태그는 다른 페이지 또는 현재 페이지의 다른 부분과 연결되는 네비게이션 링크(navigation links)들의 집합을 정의할 때 사용합니다. HTML | CSS | JavaScript 태그는 HTML 리스트(list)에 포함되는 아이템(item)을 정의할 때 사용합니다. App.js가 아래와 같아 import logo from './logo.svg'; import './App.css'; function App() { return ( WEB html css js Welcome Hello, WEB ); } 사용자 정의 태그를 컴포넌트라고 함 컴포넌트를 써서 아래와 같이 줄어듬 import logo from './logo.svg'; import './App...

현재까지 만든 파일을 소개하겠습니다. china_index.html/desert_index.html:/japan_index.html:/korea_index.html/western_index.html: 카테로리별 맛집 리스트를 보여주는 html foodcourse.html: 맛집 코스를 보여주는 html application.py: flask를 이용하기위한 application.py 파일 저는 이제 제가 작성한 html파일을 서버에 띄우기 위해서 application.py에 다음과 같이 함수를 작성하였습니다. 위 사진과 같은 함수를 application.py에 작성을 한 후 서버를 돌리기 위해 터미널에 python3 application.py를 실행시켰습니다. 하지만 터미널에 위와 같이 뜨면서 서버가 구동..