프론트엔드공부(40)
-
transform
transform 요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있음 시각적 서식 모델의 좌표 공간을 변경 키워드 none 또는 하나 이상의 transform-function값을 사용해 지정할 수 있음 요소에 변형을 오른쪽부터 왼쪽으로 하나씩 순서대로 적용하는 것과 같음 크기-scale scale, scale X, scale Y scale(x,y) 소숫점도 사용가능함 회전-rotate 각에 대한 숫자 하나만 받을 수 있음 90deg=100grad=0.25turn 180deg=200grad=0.5turn 이동-translate 두가지 값을 사용하면 앞은 x, 뒤는 y 한가지 값만 입력하면 x축으로만 이동함 length와 percentage 사용가능 기울이기-skew 값을 하나 또는 2개 입력..
2023.03.29 -
메타데이터 요소
메타데이터의 역할 head의 내용은 페이지에 표시되지 않음. 대신에 head의 내용이 하는 일은 페이지에 대한 metadata를 포함함 데이터를 위한 데이터 데이터를 설명하는 정보 html문서를 설명하는 정보 title title태그 사이에 text로 문서를 설명하는 제목을 넣어주면 됨 title 태그 사이에 텍스트는 무시가 됨 하나의 html엔 하나의 title만 있어야함 페이지 제목은 SEO에 큰 영향을 줌 명사로만 이루어진 제목은 피하는게 좋음. 광고로 인식을 하는 경우가 많음 meta-문서 정보 빈요소기 때문에 정보가 없음 속성에다가 정보를 나열하게 됨 name이라는 속성은 content 특성을 함께 사용하면 문서의 메타데이터를 이름-값 쌍으로 제공 할 수 있음 application-name은 웹..
2023.03.27 -
HTML5 시멘틱 태그와 표준을 지키는 이유
HTML5과 웹 브라우저 .html 이란 확장자를 구동할 수 있는것이 웹 브라우저 웹 브라우저는 크롬, 엣지, 익스플로어, 사파리 등등이 있음 html은 하이퍼텍스트 마크업 언어로 웹 페이지를 위한 지배적인 마크업 언어임 마크업 언어는 데이터를 어떤 방식으로 어떻게 표현할지 정의함 시멘틱 태그란? 의미를 가진 태그임 ,,,,,등이 있음 사이트의 구조를 파악하기 쉽고, 코드를 이해하기 쉽고 명확하게 전달해줌 코드를 이해하기 쉽다 == 유지보수의 비용을 줄일 수 있다 웹 접근성 측면에서도 스크린 리더가 해당 태그를 사용자에게 더 명확한 의미를 전달 할 수 있음 웹 표준이란? 브라우저 종류와 버전의 차이에 따라 생기는 차이를 호환이 가능하도록 표준으로 웹 페이지를 제작하는 기법 웹 표준의 목적은 웹 사이트에 ..
2023.03.26 -
내가 가고 싶은 회사
내가 가고 싶은 회사 나는 회사 이름을 직접적으로 언급할 정도의 정보력은 없지만, 조금 시선을 바꿔 생각해보았다. 내가 가고싶은 회사.... 결국 내가 지난 회사를 퇴사한 이유와 비슷한 맥락일것이다. 글로 적기 정말 조심스러운 부분이지만 내 생각 정리를 위해 적는것이라 생각하고 적어보겠다. 사회생활을 시작하기 전에 나는 회사란 돈을 벌기 위한 장소쯤으로 생각을 했던 것 같다. 회사에선 일을 하고 집에서 공부를 하면서 성장하는 것이라고 생각을 하던 시절이 있었다. 하지만 사회생활을 해보니 회사는 그런 곳이 아니였다. 돈을 벌기 위한 곳으로만 생각하면 출근이 너무 괴롭고, 퇴근만 기다렸다가 퇴근 후엔 힘이 없어 공부를 하지 못하는 나날들이 반복 되었었다. 그렇게 회사를 생각하는 나의 가치관이 달라지기 시작했..
2023.03.22 -
프론트엔드개발자에 대해서
내가 생각하는 프론트엔드 개발이란? 이 부분에 대해서 대답을 하기 전에 먼저, 이 질문에 대한 답은 꼭 공부를 더 한 뒤에 다시 작성하러 돌아올것이라고 다짐하며 시작해보려고 한다. 프론트엔드 개발이 뭔지에 대해 프론트엔드스쿨을 결정하기전에 꽤 깊게 그리고 오랫동안 생각을 해왔어서 대답하기에 쉬울거라고 생각했는데 막상 적으려니 쉽진 않다. 내가 생각하는 프론트엔드 개발이란 인체의 뼈대다. 내가 현재 제일 자신 있는것이 인체에 관한 것이므로 인체로 비유를 해보겠다. 해부학을 공부하면 제일 먼저 배우는 것은 뼈이다. 그 뼈를 잘 숙지하고 잘 이해해야 그 다음 강의를 잘 이해할 수 있다. 개발공부를 하면 제일 먼저 배운 것은 html/css이다. 아직은 잘 모르겠지만 그것을 잘 해야 다음 강의를 잘 이해할 수 ..
2023.03.16 -
운영체제(3)
프로세스 구조 이해 ● 프로세스 구조 ○ 프로세스 (process) 는 일반적으로 어떻게 구성되어 있을까? - text(CODE): 코드 - data: 변수/초기화된 데이터 - stack: 임시 데이터(함수 호출, 로컬 변수등) - heap: 코드에서 동적으로 만들어지는 데이터 ○ 프로세스와 컴퓨터 구조 - PC(Pqrogram Counter) + SP(Stack Pointer) - PC: 다음 실행할 코드 주소 - SP: 스택 최상단 주소 ○ 임베디드 시스템등에서 동작하는 C 프로그램등은 디버깅시 PC 와 SP 를 캡쳐해서 확인 ○ 파이썬에서 재귀함수 호출이 일정 횟수 이상이면 에러가 나는 이유 - 고정된 스택 공간 때문임 힙과 컨텍스트위칭 이해 ● Heap 이란? ○ 얼마나 많은 공간이 필요할지 모르..
2023.03.15