웹1 3일차

[span의 특성 (vs div)] div는 상위속성의 크기를 물려받는다. span은 속성 display의 기본값이 inline이며 자기 영역의 크기만 차지하고 줄넘김이 없다. (=빈공간이 없다. ) 태그는 우리 눈에 보이기위해 3가지 요소가 필요하다. 1. 너비 2. 높이 3. 배경색 [공통] - 분리되어 있는 상자 - 원할때마다 display 속성값을 바꿔서 사용할 수 있다. [block 특징] - 너비가 부모 속성의 100% - 한 줄을 다 차지하는 1. 상위 엘리먼트만큼 크기를 가진다. 2. 크기가 아무리 작아도 한 줄에 한 개씩 배치된다. 3. inline이나 inline-block요소를 제외하곤 전부 block태그이다. 4. 레이아웃을 구분할 때 사용되는 요소이다. (박스) 5. width가 ..

• format_list_bulleted 웹
• · 2024. 3. 18.

웹1 2일차

🚔[내가 더 자세히 알고 싶은 것] 🚔 html 은 마크업 언어 자바는 서버언어 --> ex ) 날씨, 증권 '정보'를 가져오는 역할 js와는 굉장히 다르다. 오히려 c와 유사함 💒[html, css, js 용도] - html은 문서 뼈대를 담당한다. (공간만 제공해준다. ) ex) 이미지, 글자 - css는 html에서 생성된 공간, 이미지, 글자 등을 꾸미는 역할을 해준다. ex) {글자, 박스, 이미지} - {크기, 색상, 위치} - js는 동적인 부분을 담당한다. ex) 특정 레이아웃을 클릭했을 때 페이지가 넘어감. x버튼을 눌렀을 때 팝업이 닫힌다. 🛵[태그] - 브라우저가 html문서를 읽어들일때 인식할 수 있도록 도와주는 용도 정도로 이해하면 좋다. 🚢[주석] - 주석안에 있는 코드는 실행되..

• format_list_bulleted 웹
• · 2024. 3. 15.

웹1 수업페이지

😎 수업 시작할 때 셋팅해야 하는 페이지 😎 🎯숙제 제출하는 시트 : 이동하기🎯새로운 코드펜 : https://codepen.io/pen    😊 수업 코드펜 & 개념😊 💎1일차 단축키 연습 : 바로 이동하기  🎯수업 코드펜: 이동하기   💎 2일차 태그와 주석: 바로 이동하기 (⭐div의 css 기본 특성까지!) 🎯 수업 코드펜     📌  태그와 주석      📌  css작성 방법     📌  body크기  💎 3일차 block & inline & inline-block: 바로 이동하기 🎯수업 코드펜     📌  세 가지 한 번에 비교     📌  block         width: auto     -->   100%  (상위 엘리먼트를 100% 상속받는다.)     ..

• format_list_bulleted 웹
• · 2024. 3. 13.

웹1 1일차

[단축키] ctrl + T 새 탭 열기 ctrl + K 문자열 링크 만들기 ctrl + B 글자 두껍게 만들기 윈도우 아이콘 + 좌우 방향키 화면 반으로 가르기 --커서 이동 단축키-- Home/End 문장 앞/끝으로 가기 ctrl + 화살표 단어 단위 이동 shift 커서 이동시 문자 선택 ctrl + A 전체 선택 ctrl + X 잘라내기와 동시에 복사 ctrl + Page up/down 왼/오 탭이동 ctrl + Home/End 문단 앞/끝으로 가기 **왼/오 탭이동 단축키는 vs code에서도 유용하게 쓰임** tinyuri.com/2cydc9dc ex) {Hello World!} * 18 전체 잘라내기 후 붙여넣기 하고 탭키 누르면 완

• format_list_bulleted 웹
• · 2024. 3. 13.

IOS] background Color와 border가 일치하지 않을 때 //.clipsToBounds

label을 버튼처럼 쓰고있는 상황에 bakcground Color를 바꿔줬다가 border랑 일치하지 않아서 당황했다. 그러나 아래 한 줄만 추가해주고 색을 바꿔주면 깔끔히 적용된다. Btn1.clipsToBounds = true

• format_list_bulleted IOS
• · 2023. 12. 5.

IOS] Kingfishur 사용법 코드

pod 사이트 설명 복붙했습니다. 그대로 잘 쓰면 되실 거 같고 저는 이걸 테이블뷰에 응용해서 썼습니다. 아마 반복해서 쓰이는 작업에 유용한 것으로 보입니다. 그리고 AF_request랑 비슷해보이는 구조네요. let url = URL(string:"https://new.thankage.com/test_Kim/pic/\(picName)") let processor = DownsamplingImageProcessor(size: CountImage.bounds.size) |> RoundCornerImageProcessor(cornerRadius: 20) CountImage.kf.indicatorType = .activity CountImage.kf.setImage( with: url, placeholder:..

• format_list_bulleted IOS
• · 2023. 11. 7.