전체 글

📌html - img html-img -주로 콘텐츠 요소로 사용됨 📌css - background css-background - width, height값을 지정해줘야함 * 하지만 지정해줘도 image의 본연의 크기에 맞춰 생성됨 - 내가 설정한 값으로 image가 꽉차게 해주고 싶으면 background-size:cover; (*width:100%; image자신의 크기에서 100%이고 background-size:cover; 부모요소의 width값에 딱 맞춰짐 ) background-repeat:repeat-x /repeat-y /repeat /no-repeat background-position 요소에 지정된 배경 이미지의 위치를 변경하고자 할 때 사용합니다. center, center top, r..

printf()함수 printf() 함수는 c언어의 표준 출력 함수로, 인수로 주어진 값을 화면에 출력하는 함수이다. * printf()함수는 변수, 배열 다 &를 붙이지 않는다.

scanf() 함수 "scan formatted"의 의미를 갖는 scanf() 함수는 지정된 형식에 따라 키보드로부터 데이터를 입력 받아 메모리에 저장하는 함수 * 변수의 주소에 배열을 넣을 수도 있다. 그때는 &가 붙지 않는다. 서식 지정자(문자열)의 역할 - 메모리에 저장되어 있는 데이터를 개발자가 원하는 형식으로 변환하여 출력해준다. - 문자열 안에서 의 형태로 표현된다. scanf("%d" , &i); 입력데이터:20 20 scanf("%4f" , &j); 입력데이터:12.123 12.1 (소수점을 포함하여 앞에 4자리까지만 저장된다) 특징 - 입력받을 데이터의 자료형, 자릿수등을 지정할 수 있다. - 한 번에 여러 개의 데이터를 입력 받을 수 있다. - 서식 문자열과 변수의 자료형은 일치해야한다..

📌transform - 요소의 형태를 변경함 요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있다. 아무것도 적용되지 않은 기본값은 none 이다. transform이라고 하는 효과는 요소가 block , inline - block 일때만 변환된다. 위와 같은 코드일 때는 작동하지 않는다. a에 display:block을 추가해주니 tramform속성이 적용됐다. 📌transform - 변형함수들 translate() - 이동을 담당하는 transform 함수이다. 왼쪽 상단 (0, 0) 좌표를 기준으로 요소를 이동시킬 수 있다. 단순히 보이는 상태만 이동시키는 것이다. Layout 상에서 이동시키는게 아니다. 하나의 변수만 입력받을 경우 x축으로만 이동한다. -> x, y 가 모두 적용되는..

flexbox는 container에 적용되는 속성값이 존재하고 각각의 item에 적용되는 속성값이 존재한다. 📌container에 꾸며줄 수 있는 속성 display, flex-direction, flex-wrap, flex-flow, justify-content, align-items, align-content display flex-direction row(기본값) - 수평,가로 기준으로 순서 정방향 row-reverse-가로 반대 방향 column - 수직,세로 column - 세로 반대 방향 flex-wrap: 한줄에 가득차면 다음줄로 넘어갈지 안갈지 결정 nowrap(기본값) wrap wrap-reverse flex-flow:flex-direction, flex-wrap 합한 것 column n..

📌positionCSS에서 position 속성은 HTML 문서 상에서 요소가 배치되는 방식을 결정합니다. 많은 경우, position 속성은 요소의 정확한 위치 지정을 위해서 top, left, bottom, right 속성과 함께 사용됩니다.   *포스트 잇과 비슷한 속성을 가지고 있다.position의 기본값은 static  box @charset "utf-8";#container{ background-color: yellow; left:20px; top: 20px;}position을 잡지않고 위치를 설정하면 움지이지 않는다.   @charset "utf-8";#container{ background-color: yellow; left..

2023년 제2회 정처기 준비를 티스토리에 기록할 생각이다.! 5월에 있는 필기 시험을 대비해서 조금씩 공부중이다. 모든 단원을 정리하진 못하겠지만 활용성이 있다고 생각하는 단원들은 정리할 생각이다. UI 표준 및 지침 UI 표준과 지침을 토대로 기술의 중립성(웹 표준), 보편적 표현 보장성(웹 접근성), 기능의 호환성(웹 호환성)이 고려되었는지 확인한다. UI 표준 : 전체 시스템에 포함된 모든 UI에 공통적으로 적용될 내용으로, 화면 구성이나 화면 이동 등이 포함된다. UI 지침 : UI 요구사항, 구현 시 제약사항 등 UI 개발 과정에서 꼭 지켜야 할 공통의 조건을 의미 웹의 3요소는 웹 사이트 개발 시 고려할 사항으로 웹 표준, 웹 접근성, 웹 호환성을 말합니다. 웹 표준(Web Standards..

📌절대단위 pt(google docs/text editor 등에서 많이 쓰이는 단위), cm,mm, pc, in(잘 안써서 넘어가보자) 1. px - 디스플레이 해상도에 따라 화면에서 보이는 크기 변동 평소에 px이 직관적이고 편해서 주로 사용하는 단위였는데 반응형 웹으로 만들기 위해서 %와em,rem에 익숙해져야겠다는 생각을 많이 했다. - 사이즈가 확실하게 정해져 있는 요소에만 집어넣기 📌상대단위 1. % - 부모 요소에 비해 얼마나 커야하는지 비율로 명시 기준의 크기를 100%로 잡는다. (정의는 어렵게 되어 있지만 우리가 알고 있는 가장 흔한 단위여서 쉽게 생각하면 된다. ) 계산법 : 자신의 크기 / 기준의 크기 * 100 2. em - 부모 요소에 비해 얼마나 커야하는지 척도로 명시 기준의 크..