반응형 전체 글71 [JavaScript] 데이터타입 타입(type) : 값(value)의 종류 각 타입은 고유한 속성과 메서드를 가짐 typeof : 해당 값이 무슨 타입인지 문자열로 반환 typeof 100; // 'number' typeof -100; // 'number' typeof 100.123; // 'number' typeof '123'; // 'string' typeof false; // 'boolean' 숫자(Number) 타입 100 // 정수 표현 -100 // 음수 표현 100.12 // 실수 표현 산술 연산자(arithmetic operator) : 아래 예시에서 사용한 수학기호를 자바스크립트에서는 산술 연산자라고 부름 console.log(1 + 2); // 3 (더하기) console.log(1 - 2); // -1 (빼기) co.. 2023. 2. 20. [HTML] 시맨틱 요소의 종류 시멘틱 요소 설명 일반적으로 페이지나 해당 섹션의 가장 윗부분에 위치하며, 사이트의 제목이 보통 들어감. 선택적으로 상단바나 검색창 등이 안에 들어갈 수 있음 내비게이션(navigation)의 약자로, 일반적으로 상단바 등 사이트를 안내하는 요소에 사용. 보통은 안에 을 넣어 목록 형태로 사용 문서의 주된 콘텐츠를 표시 섹션(section)이란 제목을 가지고 있으며, HTML 문서의 전체적인 내용과 관련이 있는 콘텐츠들의 집합을 의미 (ex. 소개, 뉴스 항목, 연락처 정보 등) 문서의 전체적인 내용과는 별도의 독립적인 내용이 들어갈 때 사용, 재사용 가능 (ex. 신문 기사, 제품 카드, 블로그 게시글 등) 본문의 주요 부분을 표시하고 남은 부분을 설명하는 요소, 특별한 일이 아니면 사이드바나 광고창 .. 2023. 2. 19. [SEB FE 44기] Section1_계산기 만들기2 계산기 만들기 과제가 계속 되었고, hover 효과, 색상 변경 등 다른 곳 들을 수정하였다. 숫자 0 쪽에 flex를 이용하여 정렬을 하고 싶었는데, 제대로 되지않았다. 과제 제출 후 선생님께서 flex 속성에 대해 설명을 해주셨고 정렬 코드까지 주셨다. 주신 코드를 기반으로 복습을 하며 다른 계산기를 만들어야겠다. 다른 분들이 발표하시면서 사용한 속성들도 검색해봐야지! To-do flexbox를 이용한 계산기 레이아웃 다시 작성해보기 @media, drop-shadow 등 CSS 속성 확인해보기 2023. 2. 17. [SEB FE 44기] Section1_HTML/CSS+계산기 만들기 오늘 배운 것 레이아웃 와이어프레임 목업 flexbox의 속성과 값 앞서 배운 HTML, CSS 기초와 오늘 배운 것을 통해 계산기 만들기가 시작되었다. HTML로 레이아웃을 구성하고 CSS의 flex 속성을 활용하여 정렬을 하고 크기를 조정하는데 뜻대로 되지않았다.. 결국 다시 작성하면서 flex 속성을 넣어줘야했다는 걸 놓치게 된 걸 알았고, 수정하였다. ▽그렇게 하여 작성된 귀여운 계산기 ▽ flex 속성을 활용하여 좀 더 수정이 필요한 부분이 있어 수정을 진행하고 애니메이션 효과 넣는 것도 해봐야겠다! 2023. 2. 17. 이전 1 ··· 14 15 16 17 18 다음 반응형
