본문 바로가기

분류 전체보기525

CSS란? CSS(Cascading Style Sheets) - html로 작성한 웹 애플리케이션의 구조에 디자인을 적용할수 있는 스타일 시트 언어이다. - html로 구성한 구조의 외부와 내부를 꾸미는 역할을 담당한다. - 웹페이지 스타일 및 레이아웃을 정의 하는 스타일시트 언어이다. - 독립적으로 기능하지 않는다. 반드시 HTML이 있어야만 동작할수 있다. # 인터페이스(interface) - 컴퓨터와 교류하기 위한 연결고리 - 버튼도 없고, 마우스도 없던 시대의 개발자는 자신이 만든 애플리케이션과 소통하기 위해서 CLI를 사용했다 CLI는 키보드로 작성한 비밀 암호같은 코드 (Command Line Interface) # 사용자 인터페이스(UI; user interface) -일반인도 쉽게 사용할수 있는 인터.. 2022. 12. 22.
반복문13번 ★★ #문제 문자열을 입력받아 해당 문자열을 처음부터 한 글자(letter)씩 다시 작성하려고 합니다. 이때, 한 글자를 추가할때마다 부분적으로 완성된 문자열을 전부 이어붙인 문자열을 리턴해야 합니다. #내가푼답 function makeMarginalString(str) { // TODO: 여기에 코드를 작성합니다. //이중반복문 let result = ''; for (let i= 0; i str.length만큼 //두번째반복문: 몇개의 문자를 더해줄건지 // i=0, j=0 -> 다통과 -> str[j] =f -> f // i=0, j=1 -> j미통과 -> 내부반복문종료 //i=1, j=0 -> i통과 j통과 -> str[j]=str[0]=f -> ff //1 ,1 ->i통과 j통과 -> str[j]=st.. 2022. 12. 21.
HTML의 id와 class #와이어프레임 -와이어로 설계된 모양을 의미 -단순한 선이나, 도형으로 웹이나 앱의 인터페이스를 시각적으로 묘사한것 -웹 애플리케이션을 개발할때, 와이어프레임은 레이아웃의 형태를 잡는 단계를 의미한다. #프로토타이핑: 개발초기에 모형을 만들어 기능의 요구사항을 파악후 반영하는 개선방식 1. 큰틀에서 영역나누기 2.각 영역을 태그로 표현하기 #여러태그를 하나의 div로 감싸줘야 합니다. div는 영역이라는 의미이다. # section -보통제목, 컨텐츠가 포함된 구획을 나눌때 사용 -렌더링은 div와 크게 다른 점은 없습니다. #form (양식, 문서양식) -일반적으로 사용자가 입력한 값을 다른 페이지로 전송하는 역할을 한다(사용자 입력을 제출하는 용도) -input요소, button요소 등의 자식 요소를.. 2022. 12. 21.
HTML기초와 요소 html: 구조를 만드는 마크업언어 css: 스타일을 담당하는 디자인 언어 java script: 단순한 웹페이지를 프로그램으로 만들어 유저와 상호작용할수있게 해주는 프로그래밍 언어 HTML(HyperText Markup Language) -웹페이지의 구조를 짜는 마크업언어 (프로그래밍 언어 아니다.) -tag들의 집합 (tag:부등호로 묶인 html의 기본구성요소) -트리 구조 이문서가 html문서임을 명시 html 시작태그로, 문서 전체의 틀을 구성 body태그는 문서의 내용을 담는 곳 hello world heading을 의미하며 크기에 따라 h1~h6까지 있음 contents here content division을 의미하며, 줄바꿈됨 here too #self closing tag 태그 내부에 .. 2022. 12. 21.

티스토리툴바