본문 바로가기

분류 전체보기267

#TIL #210830-0905 08월 30일 (월) 오늘 공부 한 것 wecode 25기 시작 html, css 학습 0에서 시작한다는 마음으로 아는 것도 다시보고 또 보기 08월 31일 (화) 오늘 공부 한 것 html, css 과제 flex속성 실습 재밌었던 Flexbox Froggy css - display 기능 정리 [CSS]영역과 위치 잡기 - display편 단 할 줄 안다는 것과 '효율적'으로 할 줄 하는 것의 차이를 체감 중이다. 그리고 그것을 잘 설명하려면 더 많은 정리를 해야한 다는 것도. 09월 01일 (수) 오늘 공부 한 것 css - position속성 정리 [CSS]영역과 위치 잡기 - position편 web - 시멘틱 웹에 큰 개념 정리 [WEB]시멘틱 웹/요소 (Semantic Web/element) j.. 2021. 9. 5.
[WEB]시멘틱 웹/요소 (Semantic Web/element) Semantic web / Semantic element ✅ 시멘틱 웹(Semantic web)이란? 시멘틱 요소를 사용해 '의미'와 '관련성'을 고려해 구성된 웹 이런 웹을 만드는 작업을 '시멘틱 마크업(semantic markup)'이라고 한다. 아무리 유익한 콘텐츠라도 접근하기 어렵고, 찾기 어려우면 시간과 비용이 낭비된다. 공유 되지 않고, 남들이 찾지 못한 나만의 멋진 정보를 찾아내는 재미가 있을 수있지만, 알 수 없는 서버에서 발견되지 못한 지식이 우주폐기물처럼 떠다니고 있을 수도. ✅ 시멘틱 요소(Semantic element)란? 의미론적인 요소. 사람이 작성한 문서를 의미있는 태그로 사용함으로서 컴퓨터가 해석하기 쉽게 해준다. 자료 : w3schoool - HTML Semantic Ele.. 2021. 9. 1.
[CSS]영역과 위치 잡기 - position편 [오늘 또 뿌셔볼 CSS 속성] position - 부제 : 여기 가져다 달라니까, 왜 저기로 가져가?😡 ◼︎ position 속성 - 정의 (w3school) [ position 속성을 사용할 때 받은 느낌 ] static 편안함. absolute 하나의 자유로운 자아. 원하는 위치 아무대나 이동 가능. 자유분방함. !주의 : 집밖으로 나갈 수 도 있음. relative absolute가 방황하지 않게 보호자가 되어줌. 이 보호자만 있으면 absolute 어디로 튀든 보호자를 기준으로 이동하게 됨. fixed 묵묵히 자기자리에서 자기가 맡은 일을 하는 이...소나무 같은 친구🌳. sticky 잘 안써서 안친함. sticky는 주로 js로 만들었음. ✅ position:absolute;와 position.. 2021. 9. 1.
[CSS]영역과 위치 잡기 - display편 :: 내 기록용 블로그라고 하지만 속성 정의를 일일이 나열 해둔건 다시 안볼 것 같음😎 :: w3schools같은 많은 문서와 강의에서 CSS를 아주 잘 정의 해두었고, 직접 속성을 수정해보면서 실행 시켜볼 수 있는 기능까지 있음. :: 아마 난 여기 적어둬도 헷갈릴 때 "공신력있는 사이트"에서 검색하고 있을 게 분.명.함🤓 [▼▼여기부터 찾는 습관 들이기▼] w3schools-css MDN - css tcpschool - css "youtube"에 "css"설명해 주는 영상들 완.전.유.용. 그래서 여러 예제를 시도해 "왜 그 속성을 사용했는지" 거슬러 올라가는 과정을 기록해두는게 더 유용할 것 같다고 판단했다. css를 갖 배우는 과정 중 ✅ display 속성 - inline, inline-bloc.. 2021. 8. 31.
#TIL #210810-0829 08월 10일 (화) 오늘 공부 한 것 JS공부 - console.log 란 바야흐로 디블리셔 초보 시절 이사님이 추천해주셨던 책의 앞자락에 적힌 글이 기억나 기록하고 싶다. 책 이름이 정확히 기억이 안나지만(알려주세요....) 대략 이런글 alert() 으로 디버깅 하는 사람 = 초보 console.log() 디버깅 하는 사람 = 좀. 하는 사람 당시 인도네시아에서온 개발팀 동료가 console을 찍으며 우아하게 데이터를 출력하는게 얼마나 멋져보였는지. 이제 console을 알았으니, 우.아.하.게 사용할 수 있도록 노력할 일만 남았다.😏 08월 11일 (수) 오늘 공부 한 것 JS공부 - 함수의 정의 지난 주 스터디 때 발표 주제였던 함수 정의에 대해 정리했다. "함수를 정의한다고 해서 실행되지 않는.. 2021. 8. 30.
[TIL]Javascript - Prototype 이전에 객체지향 class 생성자 함수를 공부했다. class를 통한 instance생성에 낭비를 개선할 수 있는 prototype 상속기능을 요상하게(?)사용할 수 있게 하는 prototype 오늘은 이 prototype에 대해서 알아보기로 했다. | keywords | prototype __proto__ prototype chain Prototype Prototype Based Lanuange javascript는 "프로토타입 기반 객체지향 프로그래밍"이다. > 함수 is 객체 > 고로 생성자 함수 is 객체 > 객체는 뭘 가진다? property! 여기서 용도가 미리 약속된 특수한 프로퍼티를 prototype이라고 한다. ✅prototype의 필요성 /* 생성자 함수 */ function Cat(n.. 2021. 8. 29.
[TIL]Javascript - 객체지향 class (ES5/ES6) 객체지향 Class [생성자 함수] 객체를 생성하는 함수 javascript 에서는 class가 생성자 함수역할을 대신함 ES6에서 class 개념이 제대로 추가 기본 object 생성법과 class를 통한 생성법을 보면서 송편 빚기와 붕어빵 만들기가 생각났다. 비슷한 모양을 만드는게 목표라 정하면, object 송편 : 손으로 하나하나 일일이 빚어 만들기 class 붕어빵 : 하나의 틀에서 같은 모양의 붕어빵들을 찍어내기 라는 차이가 있는 것이다. (송편 만드는 기계도 있다, 붕어빵도 일일이 만져줘야한다 등 비문학적 생각은 잠시 접어두기) 나는 붕어빵을 더 좋아하므로 class를 통한 붕어빵 틀을 만들어보기로했다. [1] 먼저 object형식으로 붕어빵 하나를 만들어보자 객체 생성법 var potBun.. 2021. 8. 28.
[etc.]웹퍼블리셔의 QA 과정 (부제:폴더블 너 하고 싶은거 다 해🙉) 얼마 전 새로운 폴더블 폰과 워치가 새로 공개되었습니다. 예쁘더라구요. 우리 집에도 z플립이 하나 있는데, 예쁘긴 찐짜 예뻐요. 이번엔 애플만 쓰는 친구들이 사고 싶다고 고민할 정도. 기대가 되더라구요. 알죠? 국민 주식 '삼성전자' 그거 저도 있어요. 이 기회에 삼성전자 매출 좀 날라갔으면... 벌써 제품 언박싱을 해주는 유튜버들이 있어 영상을 봤는데, 삼성이 앞으로 이 폴더블 기기에 승부를 걸 것같다고 합니다. 접어서 보여주고, 뒤집어서 보여주고 자유자재로 확인가능한 화면을 가만히 보고 있자니 아찔했습니다. '저 화면들 다 어떻게 맞추지?' '저기 최적화 하려면 flex나 grid로 해결이 되는 건가?' '미디어쿼리를 치밀하게 적어야하나?' '디자이너들이랑 타협은 될까?' 방법이 떠오르지 않아, 수긍.. 2021. 8. 23.

티스토리툴바