분류 전체보기88 AWS 특강 수료증 (와이즈러닝센터) 보호되어 있는 글 입니다. 2022. 9. 21. [CSS] position-fixed (메뉴, 사이드 바 스크롤 시 고정) position-fixed 우리가 사용하는 웹페이지 화면을 보면 오른쪽 하단이나 메뉴 등이 고정돼있는 경우를 많이 봤을 것이다. 예를 들면 밑의 사진처럼 웹에서 블로그 글을 작성할 때 상단 도구 바, 웹에서 쇼핑을 할 때 양측 사이드 광고 블록 등 마우스 스크롤을 해도 화면 내용만 바뀔 뿐 고정된 콘텐츠들이 있다. 이것을 바로 position의 fixed 속성을 사용하여 고정해주는 것이다. z-index 위에 설명한 absolute 3색 예제를 보면 파란색이 빨간색, 노란색 둘 다 덮어 위에 표시되는 것을 알 수 있다. 포지션은 z 축을 사용하는 것이다. 그러므로 z-index 속성을 사용하여 우선순위 등을 정해주어야 하는 경우가 있다. 1번 빨간 동그라미로 콘텐츠의 높이를 스크롤로 확인해야 할 만큼 준.. 2022. 9. 21. 임베디드 시스템 실습 정리 3 툴체인 크로스 컴파일 툴체인이 대부분이다 Components of Toolchain -gcc compiler -C/C++ lib -Kernel headers -Binary utilities -gdb debugger 툴체인의 핵심기능은 GNU에서 제공하는 gcc 이다. C 라이브러리는 리눅스 시스템의 필수 구성 요소이다. – 애플리케이션과 커널 간의 인터페이스 – 잘 알려진 표준 C API를 제공 • printf • open • read 등 여러 C 라이브러리를 사용할 수 있다. – glibc, uClibc, eglibc … 코드는 데이터와 코드로 이루어져있다 리눅스에는 특별히 확장자가 없다 Static library - libmy.a Shared library 공유 라이브러리 - libmy.so 2022. 9. 21. [CSS] float를 활용한 쇼핑몰 물건 판매 예제 float을 활용한 물건 판매 예제 div 큰 블럭 한 개 하위 width 부모 영역의 50%씩 두 개 블럭 생성 왼쪽은 사진 영역, 오른쪽 영역은 내용 영역. 오른쪽 내용 영역은 다시 세 개의 블럭으로 나눠 정보와 버튼 등을 기입한다. 다양한 박스를 어떻게 선언하고 배치시키는지 이해하는 것이 중요하다. 마치 안드로이드 스튜디오를 할 때 다중 linear layout을 수직(vertical), 수평(horizon) 배치하는 것과 비슷하다. 태그의 열고 닫힘과 들여쓰기 정도를 잘 확인하며 하도록 한다. 아래 코드를 확인하여 위 그림의 1, 2, 3, 4, 5가 어떤 클래스와 아이디에 매치되는지 이해한다. 과제2 제목 : 돌고래 급처분 합니다 내용 : 안녕하세요, 돌고래입니다. 저는 새로운 주인을 찾고있어요.. 2022. 9. 19. 임베디드 시스템 정리 2 임베디드 시스템은 큰 시스템 안에 Built in 되는 것 Speacial Purpose 특수 목적을 가진 컴퓨터 한 마디로 "Computer inside a product" 4차 산업혁명 ICBM IoT Cloud Big Data Mobility 유동성 모든 인터넷 통신은 TCP/IP부터 시작 소수의 그룹이 통제를 하는 시대로 간다. 사실상 멈추는 것은 불가능 실시간 real time 두가지 종류가 있다. 대부분 일상생활에서 보는 것은 2번이지만 중요하고 정확해야하는 OS는 100% 시간을 보장해야하기에 1번이 탑재돼있다. 1. hard real time 2. soft real time hard real time Linux를 개발하여 판매하는 회사또한 있다. 질문) 오픈소스인 Linux는 soft re.. 2022. 9. 14. [파이썬] 변수와 자료형(다중 대입, int(), type() 함수) 인터 프린터와 컴파일 방식의 차이. 위는 파일 전체를 컴파일하므로 print 등을 써야 출력이 되고 밑의 인터 프린터 방식으로 3+4를 하면 바로 실행이 되어 7이 출력된다. 그럼 인터 프린터에서 3을 출력하려면 어떻게 해야 할까? 이렇게 3을 입력해도 출력이 되고 print(3)도 가능하다. 하지만 여기서 3은 각자 다 다른 3이다. 그래서 우리는 '변수'를 사용하여 그 안에 값을 대입하여 똑같은 값을 어디든지 사용할 수 있다. RAM(임시저장장치)에 물리적 주소(저장공간)가 있다. 이 저장공간에 값을 넣고 필요할 때마다 꺼내 쓸 수 있다. 변수란 한 마디로 사용하는 저장공간의 이름이다. ex) 실제 주소 : 0x005.. 등 컴퓨터가 알아볼 수 있는 물리적 주소 변수 이름 : 길동이네, 한량이네 집,.. 2022. 9. 13. [파이썬] 기본 문자열, 숫자 출력과 Turtle 사용법 (원 그리기 등) 문자 데이터 출력하기 실습 문자를 출력할 때는 큰 따옴표 or 작은따옴표 내부에 넣으면 된다. 파이썬 또한 C언어와 유사하게 '\' 백슬래시를 통해 예약어, 줄 바꿈 등이 가능하다. 줄 바꿈에 이어 '원화' 표기까지 똑같다. 또한 파이썬의 특징 중 하나는 모든 숫자가 문자형태로 저장된다. 아무런 print 없이 바로 인터 프린터에 2+2를 입력했을 때 결과를 출력해줄 만큼 자연어(사람이 쓰는 언어)와 친숙한 것을 볼 수 있다. 쉘 인터프린터의 경우에는 한 줄이 완성된 문장이어야한다. 완성하지 않고 다음으로 넘어가면... 표시와 함께 계속 작성할 수 있다. 완성된 문장은 꼭 하나여야 한다는 말은 아니다. 한 줄이라도 여러 문장이 정상적으로 완성이 되어있다면 문제없이 출력될 수 있다. 컴파일러가 인식하는 문.. 2022. 9. 6. [CSS] Overflow 오버플로우 ( 내용이 넘칠 때 ) 오버플로우 텍스트 컨트롤 중 글자가 길어질 때 사용할 수 있다. visible로 설정을 했다. 위처럼 작성하지 않아도 기본 설정은 visible로 돼있다. 글자가 넘쳐도 박스를 뚫고 계속 나오는 것을 확인할 수 있다. hidden 설정으로 넘치는 글자를 안 보이게 할 수 있다. scroll 속성으로 스크롤을 위아래로 내려 확인할 수 있게 한다. auto 속성은 텍스트가 적으면 표시하고 많으면 스크롤을 자동으로 붙여준다. 2022. 9. 5. [CSS] border & text 속성 ( + 글자 가운데 정렬 방법 ) border border 속성은 테이블 윤곽 설정이다. 보통 3가지 속성을 한 번에 지정해서 사용한다. ex) 1px solid #777 두께 1픽셀, 줄 종류 한 줄, 색상 rgb값 텍스트 속성은 바로 밑에서 설명한다. html에서 p 속성 3개 블록을 만듦. 스타일에서 p 태그 속성에 모두 테이블 윤곽과 색상을 회색으로 정해준다. #rgb값은 대표적인 색깔을 영어로 입력해도 인식한다. border-radius = 테두리가 둥글어짐 p {border: 1px solid #777; border-radius: 8px;} 둥글어진 테두리의 모습 text 속성 color 텍스트 색 지정 line-height 줄 사이의 간격 지정 letter-spacing 글씨 사이의 간격 text-align 수평에서 글자 정.. 2022. 9. 5. 이전 1 ··· 5 6 7 8 9 10 다음
