공부20 CSS 표현하기 #2 CSS 기본 정의 타입 선택자 - HTML 요소명, 요소의 클래스 속성 값, ID 값 ex) h1 {color: pink;} - 전체 적용 되어짐 - 만일 단란 중 특정 단락만 css 적용을 하고 싶다면 - 클래스 선택자 ex) - 동일 class 가질 수 있다. 그룹으로 묶는 개념으로 보면 된다. .myhtml { color: gray; font-weight: blod; } - ID 선택자 - 문서 유일의 값 - #pink { color: grey; font-weight: blod; } - 그룹 지정하기 h1, h2, h3, #pink { color: brown; } - pink ID도 같은 그룹으로 지정할 수 있다. ,를 사용 - 고급 선택자 - 특정 요소의 하위 요소는 - 자손 요소가 되어진다. - 하위 선택자 : .. 2021. 7. 23. HTML 문서구조 #1 섹션 알아보기 마크업 - 구조적 마크업 : 문서의 구조 정의, 콘텐츠의 의미 또는 역할 - 표현적 마크업 : 문서의 외형 정의, 문서 레이아웃, 디자인 (크기, 색) HTML - 문저의 구조만 정의 CSS - 문서 레이아웃과 디자인 정의 섹션 요소 - section요소로 내용을 분리, 내용적으로 분리되어 있어 자체적인 타이틀 필요 예식 시작 졸업생 소개 네비게이션 요소 - 문서의 동일 페이지 OR 다른 페이지를 연결하는 section - 목록으로 작성(CSS와 JavaScript 적용 시 다양한 동적 네비게이션 메뉴 만들 수 있다.) 독립적인 글 - 신문, 잡지, 댓글 하나 - 주로 사이드 바 형태로 표현 되어짐 머릿글 그룹 - 일반적으로 작성자, 저작권 등의 정보를 담음 헤딩 - 섹션의 제목 - h1~h6 까지 존재.. 2021. 7. 15. 리버싱#1 - lea 명령어! mov 명령어와 차이는? • LEA: 복사 (Load Effective Address - 유효 주소 로드) > 출발지는 r/m32 > 목적지는 레지스터 > 레지스터 연산 결과를 레지스터에 저장(not 포인터) • MOV와 무엇이 다른가?! > MOV는 값을 로드하고 - mov eax, [ebp+esp+4] -> 값을 넣는다면 > LEA는 유효 주소를 로드한다 - lea eax, [ebp+esp+4] -> 주소를 넣는다! 배우고자 하는 lea에 breakpoint를 걸어서! [1 + 7*1] 괄호의 식 근데 원래 코드를 보면 *1 해당 값은 없었다! 자동으로 *1을 붙여 주었다! *0도 자동으로 붙었다! -> 의미없는 값이니 무시! 그럼 eax 에는 8이 들어가야 한다! 식과 같이 하나씩 변경되는 것을 알 수 있다!! 16의 16.. 2021. 3. 2. 리버싱#1 - gdb 명령어 사용하는 방법! - 먼저 작성 코드 확인 - gdb a.out 실행 - disassemble = disas 명령어 실행 여기서 % = AT&T 방식의 경우 레지스터를 %형식으로 사용 인텔 방식을 사용할 경우에는 표현 방식을 변경 해 주어야 한다. run으로 프로그램을 시작해보면, Segmentation fault 에러 발생!! 그래서 Breakpoint를 만들어 주어야한다! 0x08048060 첫 번째 줄에 breakpoint가 걸렸다! tip - breakpoint 할 때 b main+7 하면 오류!! 위치를 지정할 시! *main+7 이렇게 해야 한다! 현재 지금 프로그램의 문맥의 위치가 화살표로 표시되어있다! 아직 저 push 명령어 실행 전! 현재 문맥에서의 register의 값들이 다 나오게 된다! eip - .. 2021. 3. 1. 이전 1 2 3 4 5 다음 728x90 반응형
