본문 바로가기

📕 Web기초5

CSS Flex(Flexible Box) 개념정리 ❖ float : 이미지와 텍스트를 어떻게 배치할 지 정의하기 위한 것 ❖ Flexbox 2가지 축 중심축, 반대축 ❖ Flex 속성 설정 - container container & item .container { background: beige; heigth:700px; display:flex; } flex-direction: row; 중심축 : 수평/ 수직 (row, column, row-reverse , column-reverse) flex-wrap: wrap; 한줄 넘어가면 넘어갈지 안넘어갈지 결정 (wrap ,nowrap) flex-flow: column nowrap; 위 2개 한번에 설정 justify-content: space-between; 중심축에서 아이템들 배치하기 flex-start .. 2021. 2. 15.

HTML 과 CSS 기초 html 브라우저에서 실행 가능한 가장 기본적인 파일 마크업언어 : tag를 이용한 구조적 구조 ❖ 계층적 구조 DOM Tree 구조로 보관 : DOM Tree 구조로 보관 ❖ TopDown 방식 ❖ 를 이용한 구조 : html 문서의 meta 정보 기억 : 사용자의 화면에 보여지는 정보 : style 그룹 지정 시 사용 가능 -> 의미에 맞는 태그 사용 중요 ❖의미에 맞는 태그의 중요성 의미 이미지 제목 ( 대제목, 소제목) 문단 표 목록 강조 링크 ❖ HTML 에 추가할 수 있는 속성 attribute ⭐️class css style 만들고 부르는 역할 여러번 사용 ⭐️id 태그의 고유한 정보 표현 1번만 사용 추천(유니크한 값) 바깥 레이아웃 결정 영역에 주로 부여 data HTML element .. 2021. 2. 15.

JavaScript 기본 자바스크립트는 사용자와 상호작용 웹브라우저는 한번 출력되면 자기 자신을 바꿀 수 없음 따라서 JavaScript는 HTML을 제어할 수 있음 웹브라우저들 위에서 일어날 사건들 중에 몇가지 이벤트들을 저장해둠 style= "CSS속성" input type="button" value="night" onclick="자바스크립트" onclick button 을 클릭하면 -> onclick 에 저장해둔 이벤트가 일어남 onchange textbox에 변화가 일어나면 -> 이벤트 어떤 키를 눌렀을 때 이벤트가 발생해라 javascript keydown event attribute " 라고 검색해보기 onkeydown --> javascript를 웹페이지로 실행하는 방법 Consol 파일을 만들지 않고도javascr.. 2021. 1. 4.

[Web] HTML 기초 - 웹사이트 HTML Hypertext markup language 구조를 표시하는 언어 여러 웹 문서를 연결하는 언어 테트리스 처럼 블록들을 쌓아 웹페이지를 구성하는 웹페이지 NAVER 로그인 로그인 상태 유지 프론트 엔드- > 네이버의 html 문서를 각각 다운받음 개발자 도구를 이용해서 다운받은 html을 바꿔 사용 실제로 검색 순위를 조작하기 위해서 네이버 서버에 있는 걸 조작해야 함 웹사이트 공유하는 법 웹사이트를 인터넷에 공유하기 위한 2가지 방법 1) 내 컴퓨터를 서버로 만드는법 내 ip 주소를 인터넷에 올리기 보안이 취약 / 인터넷에 연결된 내컴퓨터 365일 가동해야함 2)외부 서버를 이용한느 법 서버의 일부를 빌려 공간을 활용해 배포 큰 서버의 일부를 활용하므로 유지비용이 적게 들음 가끔 aws 와같.. 2020. 12. 19.

[Web]코딩의 기초와 웹, 앱 프로그래밍 FrameWork /Library/ API / SDK 코딩을할떄 자주 사용하는 도구를 모아두고 쉽게 개발할 수 있는 환경을 제공 게임 앱 Web unity React Native Rails ruby python java rails django spring Web 가장 쉽고 익숙한 것 Front-end Back-end 화면에 보여주는 것 화면에 보여줄 정보를 처리 프론트엔드 HTML CSS JAVA Script 마크업 랭귀지 연필 전체적인 밑그림 제목, 로그인창 물감 색을 칠하고 위치를 조금씩 수정 그림을 움직이게 ㅁ나드는 플립북 백엔드 변수 조건문 반복문 함수 이정도 기본 개념만 익히고 프로젝트를 진행하며 필요한 부분 공부하며 습득하기 크롬 점유율 가장 높고 개발 환경으로 적합 Visual Studio .. 2020. 12. 19.

이전 1 다음

티스토리툴바