프론트엔드개발자(47)
-
Cross Browsing(크로스 브라우징)
크로스 브라우징이란? 웹 페이지 제작 시 모든 브라우저에서 깨지지 않고 의도한 대로 올바르게 나오게 하는 작업을 말한다. html5, css3, javascript 작성시 W3C의 웹 규격에 맞는 코딩을 함으로써 어느 브라우저로 접속하던 어느 기기로 접속하던 사이트가 의도한 대로 보여지고 작동되는 기법이다. 크로스 브라우징을 고려하지 않는다면 html, css, js등 코드가 원하는대로 적용이 안될 수 있으며 그러한 이유로 브라우저마다 렌더링 엔진이 다르기에 전부 적용이 되게끔 설정해둬야 한다. 렌더링 엔진이란? 페이지를 렌더할 때 실질적으로 페이지를 작업해주는 브라우저의 엔진들을 의미한다. 엔진의 종류로는 트라이던트, 게코, 웹킷, 프레스토, 블링크, 듀얼 엔진 등 다양하다. 각 엔진은 사용되는 브라우..
2023.03.30 -
지난 한 달을 돌이켜보며
지난 한 달간 제로베이스와 함께하면서 좋았던 점 대답을 하기전에 일단 어느덧 한달이 지났다는 사실에 놀라며... 지난 한 달을 생각해보니 진짜 정신없이 시간이 흘렀다는 것을 알 수 있었다. 일단 3월 자체가 너무 바쁜 시기인데 제로베이스를 함께 시작하며 더더욱 정신없는 한 달을 보냈다. 제로베이스와 함께해서 좋은점은 처음 생각과 동일하게 to-do-list를 제공해준다는 점이다. 혼자 공부하면서 어떻게 어떤 커리큘럼을 따라서 공부를 해야할지 막연했었고, 제대로 된 계획이 없다보니 조금만 힘들면 쉬게되고, 공부를 건너뛰는 날들이 많았는데, 제로베이스는 to-do-list를 제공해주니 공부를 건너뛰거나 쉬는 일이 줄어들게 되었다. 또한 조별스크럼을 진행하여서 나태지옥에 빠질것 같은 날들에도 힘을 낼 수 있고..
2023.03.29 -
기본문법
기본문법 및 키워드 ● 개행문자 ○ 소스 본문의 가독성을 향상시킴 ○ 자바스크립트 코드 실행에 영향을 미침 ● 주석 ○ // 한줄 주석 ○ /**/ 여러줄 주석 ● 키워드 - break - case - catch - continue - debugger* - default - delete - do - else - finally - for - function - if - in - instanceof - new - return - switch - this - throw - try - typeof - var - void - while - with ● 예약어 - abstract - boolean - byte - char - class - const - debugger - double - enum - export ..
2023.03.29 -
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 -
HTML5 시멘틱 태그와 표준을 지키는 이유
HTML5과 웹 브라우저 .html 이란 확장자를 구동할 수 있는것이 웹 브라우저 웹 브라우저는 크롬, 엣지, 익스플로어, 사파리 등등이 있음 html은 하이퍼텍스트 마크업 언어로 웹 페이지를 위한 지배적인 마크업 언어임 마크업 언어는 데이터를 어떤 방식으로 어떻게 표현할지 정의함 시멘틱 태그란? 의미를 가진 태그임 ,,,,,등이 있음 사이트의 구조를 파악하기 쉽고, 코드를 이해하기 쉽고 명확하게 전달해줌 코드를 이해하기 쉽다 == 유지보수의 비용을 줄일 수 있다 웹 접근성 측면에서도 스크린 리더가 해당 태그를 사용자에게 더 명확한 의미를 전달 할 수 있음 웹 표준이란? 브라우저 종류와 버전의 차이에 따라 생기는 차이를 호환이 가능하도록 표준으로 웹 페이지를 제작하는 기법 웹 표준의 목적은 웹 사이트에 ..
2023.03.26 -
내가 가고 싶은 회사
내가 가고 싶은 회사 나는 회사 이름을 직접적으로 언급할 정도의 정보력은 없지만, 조금 시선을 바꿔 생각해보았다. 내가 가고싶은 회사.... 결국 내가 지난 회사를 퇴사한 이유와 비슷한 맥락일것이다. 글로 적기 정말 조심스러운 부분이지만 내 생각 정리를 위해 적는것이라 생각하고 적어보겠다. 사회생활을 시작하기 전에 나는 회사란 돈을 벌기 위한 장소쯤으로 생각을 했던 것 같다. 회사에선 일을 하고 집에서 공부를 하면서 성장하는 것이라고 생각을 하던 시절이 있었다. 하지만 사회생활을 해보니 회사는 그런 곳이 아니였다. 돈을 벌기 위한 곳으로만 생각하면 출근이 너무 괴롭고, 퇴근만 기다렸다가 퇴근 후엔 힘이 없어 공부를 하지 못하는 나날들이 반복 되었었다. 그렇게 회사를 생각하는 나의 가치관이 달라지기 시작했..
2023.03.22