와이어프레임(Wireframe) 웹 또는 애플리케이션을 개발할 때 레이아웃의 뼈대를 그리는 단계를 와이어프레임이라고 한다. 와이어프레임은 말 그대로 "와이어로 설계된 모양"을 의미하며, 단순한 선이나, 도형으로 웹이나 앱의 인터페이스를 시각적으로 묘사한 것이다. 와이어프레임은 아주 단순하게, 레이아웃과 제품의 구조를 보여주는 용도이다. 와이어프레임의 가장 큰 목적은, 화면의 영역을 구분하는 일이다. 목업(Mock-up) 웹 또는 앱을 제품이라고 할 때, 목업은 실제 제품이 작동하는 모습과 동일하게 HTML 문서를 작성합니다. 예를 들어, 트윗 작성자, 트윗 내용, 작성한 날짜 등을 HTML 문서 내에 하드코딩하는 방식입니다. 레이아웃 리셋 HTML 문서는 기본적인 스타일을 가지고 있다. 때때로 HTML ..

CSS (Cascading Style Sheets) CSS는 웹 페이지 스타일 및 레이아웃을 정의하는 스타일시트 언어다. 지금까지 학습한 HTML로 웹 페이지의 구조를 잘 세우고 나서, 더 나은 사용자 경험(UX, user experience)을 제공하기 위해 CSS로 UI 및 레이아웃을 적절히 구성하면 멋진 웹 페이지를 완성할 수 있다. 사용자 인터페이스(UI; user interface) 인터페이스는 컴퓨터와 교류하기 위한 연결고리다. 컴퓨터에 무지한 일반 사용자가 쉽게 사용할 수 있는 인터페이스에는 앞에 “사용자"를 붙여 사용자 인터페이스, UI라고 부른다. 컴퓨터에 무지한 일반 사용자가 쉽게 사용할 수 있는 인터페이스에는 앞에 “사용자"를 붙여 사용자 인터페이스, UI라고 부릅니다. 직관적이고 쉬..

HTML(구조) html은 웹페이지의 구조를 담당하는 마크업 언어, 문서의 틀을 만드는 언어, 웹앱 모두 html로 구성되어 있다. Tag들의 집합이며, Tag는 부등호()로 묶은 HTML의 기본 구성 요소이다. 태그 내부에 내용이 없다면, ( 같은 경우) 와 같이 표현이 가능하다. 태그는 한 줄을 차지하며, 태그는 컨텐츠 크기만큼 공간을 차지한다. 이미지 태그는 닫는 태그가 없다. 링크를 삽입하는 태그 //// 리스트를 나타내는 태그 //// ul은 o o o 같은 모양으로 리스트가 나오고 //// ol은 1 2 3 같은 번호로 리스트가 나온다. ul안에 li를 감싸야 리스트가 생긴다. input, textarea - 다양한 입력 폼 input에서 name을 같게 할 경우 체크박스에서 하나만 고를 수 ..

● 반복문 반복문이란 같거나 비슷한 코드를 여러 번 실행시켜야 할 때 쓰는 구문이다. for 구문 반복문을 중괄호 block안에 넣어준다. while 구문 n

3일차에는 조건문, 문자열에 대해서 배웠다. ● 조건문 조건문을 이해하기 위해선 Boolean 타입에 대한 이해가 필수적이다. 조건문은 어떠한 조건을 판별하는 기준을 만드는 것으로, 반드시 비교 연산자가 필요하다. 비교연산자 '=='이나 '!='의 경우 거의 없다고 봐도 무방할 정도로 쓰이지 않는다고 한다. 왜냐하면 타입에 대해서 비교하지 않고 그 값에 대해서만 비교하기 때문에 정확한 참 거짓 여부를 따지지 않기 때문이다. 조건문을 작성하는 방식 if의 조건에 맞지 않으면 else if에, 조건2에 맞지않으면 또다른 else if에, 조건3에 맞지 않으면 else가 실행된다. 논리연산자 논리연산자는 두 가지 이상의 조건이 적용되는 경우에 쓰인다. && : and 연산자, || : or 연산자, ! : n..

코드스테이츠에서 구글 캘린더를 이용해 일정을 세세하게 짜주었기 때문에 잘 따라가기만 하면 될 것 같다. 공부는 대부분 미리 올려주신 강의와 개념들을 혼자 공부하고, 날마다 매칭되는 페어와 함께 문제는 푸는 방식이다. 페어가 랜덤으로 뽑히는지라 매번 다른사람과 문제를 풀어야 하는데 친구가 많이 생길지도 ..! 또한 종합퀴즈를 혼자 풀어보고, 뒤에 강사(?)분이 줌을 통해 한 문제씩 설명을 해주시는데 세세한 설명 덕분에 알고있던 내용일지라도 더 깊게 배울 수 있었다. 2일차에는 변수, 타입, 함수에 대해 배웠다. ● 변수 컴퓨터에는 데이터를 위한 보관함이 존재하는데, 이를 메모리라고 한다. 보관함의 크기는 모두 동일하고 이때 보관함의 이름을 변수라 한다. 즉 데이터의 이름표이다. 변수를 이용해 보관된 데이터..