본문 바로가기
반응형

전체 글89

[CSS] px | % | em | rem 의 차이점은? 브라우저의 기본 폰트 사이즈를 변경하지 않았다면, p 태그의 폰트 사이즈는 16px이다. 따라서 텍스트 Large의 폰트 사이즈는 16px의 2배인 32px이 된다. em - 부모에 따라서 사이즈의 크기가 결정되는 단위 자식의 경우 부모에 계산된 픽셀의 em값을 반영해서 계산 예를들어 Parent 8em 16px*8 =128px child의 경우 0.5em 이면 128px에 0.5em이 반영이 되어 계산이 된다. font //css .parent{ font-size="10px" } .child{ font-size="2rem" // 부모요소인 parent font 사이즈가 10px이므로 2배인 20px이 된다. } rem - 최상단 root에 따라서 사이즈의 크기가 결정되는 단위 vw -브라우저의 넓이 따.. 2023. 2. 24.
AWS 동시 접속 트래픽 이슈 Problem 갑자기 오전에 서버가 다운되는 일이 발생했다...ㄷㄷ 로그인이 안되고 서버에도 접속이 안되는 상황 .. (현재 프론트엔드 개발자로 혼자 일하고 있고 백엔드개발자가 없어서) 처음겪는 상황이라 당황을 많이 했다. 이때 그래도 가설을 세워서 문제를 규정짓고 하나씩 시도를 해봐야겠다는 생각이 들었다. 그래서 규정해본것은 1. AWS 프리티어로 사용하고 있는데 용량이 초과되서 결제를 더해야되는 문제 2. ec2접속이 안되는데 에러메세지는 permission에 대한 문제였다. Solution 1.AWS에는 용량이 초과되도 후불제로 과금하는 방식이라는점을 알게되었고 이것은 문제가 아니라는것을 알게되었다. 2.ec2접속이 안되는 원인인 permission문제 chmod 400 [pem파일이름] // 터미.. 2023. 2. 23.
[타입스크립트] 이펙티브 타입스크립트 chapter2 2장 타입스크립트의 타입 시스템 📌Item6 편집기를 사용하여 타입 시스템 탐색하기 타입스크립트를 설치하면, 2가지를 실행 할 수 있습니다. 1.타입스크립트 컴파일러(tsc) 2.단독으로 실행할 수 있는 타입스크립트 서버(tsserver) let num = 10; //let num:number //마우스커서를 대면 타입스크립트는 뒤에 10을 보고 number타입임을 추론해서 보여줍니다. const foo = { //(property) x:number[] x=:[1,2,3], bar:{ name: "Fred" } }; 타입스크립트가 객체 내의 타입을 어떻게 추론하는지 알 수 있습니다. 언어서비스는 라이브러리와 그에 대한 타입 선언을 탐색할 때에 도움이 됩니다.. 편집기는 Go to Definition(정의.. 2023. 2. 21.
[Book Review] 팀장의 탄생 얼마전부터 책을 읽는 루틴을 만들기 시작했다. 책을 아직 도입부를 읽고 있지만 읽으면서 느끼고 현재 일하는 곳에서 어떻게 적용하면 좋을지 생각해본것들을 정리해보고자 한다. 📌My Work 나는 광고일을 하다 디자이너로 전직 그리고 또 한차례 전직 프론트엔드 개발자로 전향을 해서 일을 하고 있다. 프론트엔드 개발자로써 내가 관리자가 된다면 또 내가 관리를 받는다면 어떤부분에 신경을 써야될까 정리를 해보면 좋겠다는 생각이 들었다. 📌관리자가 고민해야될 중요한 요소 3가지 이 책은 저자가 실리콘밸리에서 팀장 즉 관리자가 되면서의 스토리를 이야기 해주고 있다. 초반부에 관리자가 어떤것을 고민해야되는지에 대해서 이야기를 하는데 3가지 부분이 있었다. 1.목적 2.사람 3.프로세스 이 3가지를 말하고 있는데 ✅첫번.. 2023. 2. 18.