개발자3 [JS] 최적화 사용자 경험을 향상시키기 위해 최적화는 필수적이다. Make it work, Make it right, Make it fast - Kent Beck - 성능 향상 실제 사용자가 렌더링된 페이지를 보기까지 간소화시킬 수 있는 모든 과정은 최대한 간소화시키는 것이 중요하다. 우선 초기 구동 시간을 간소화하기 위해 아래의 방법을 사용할 수 있다. 다운로드해야 할 파일의 갯수를 줄이고, 용량을 작게 한다. 예컨대 이미지 스프라이트, 이미지와 폰트의 최적화 등. CSS와 JS 파일은 최소화(minifier)하여 용량을 줄여 사용한다. 프레임워크는 꼭 필요한 것만 사용한다. 반응 시간 향상 사용자의 인터랙티브 경험을 극대화하기 위해선 사용자의 행동에 브라우저가 얼마나 빠르게 렌더링 반응을 보이게 할 지에 대한 개선.. 2021. 12. 21. [HTML] emmet 문법으로 생산성 부스트업 하기 HTML 마크업을 하다보면 비슷한 태그를 여러개 써야 하는 수고로움이 많이 생긴다. 과거에 마크업을 할 때, 나는 항상 괄호 열고 쓰고 괄호 닫고를 노가다로 반복해왔는데 참 지루하고 성가시다고 여겼다. 그런데, 멋사 프론트엔드 스쿨을 통해서 emmet 문법으로 손쉽게 여러 태그를 만들어내면서 생산성을 '향상'하는 수준이 아니라 로켓을 단 수준으로 부스트업할 수 있다는 사실을 알았다. 그동안 괄호 열고 닫고 한 시간이 너무 아깝다 ^^;;; h1 h1{hello world} hello world h1+p h1{hello}*3 hello hello hello h1#one h1.one 입력할 때, emmet 문법으로 입력하고 키보드의 Tab을 누르면 자동으로 완전한 코드로 변환된다. 예컨대 'h1'을 입력하고.. 2021. 11. 2. [FE-0] 멋쟁이사자처럼 프론트엔드 스쿨 OT 코딩에 관심있는 사람이라면 한 번은 들어봤을 멋쟁이사자처럼🦁 평소 서비스기획과 Product Owner 업무에 관심이 많았고, 앱웹 서비스를 쓰면서 인터페이스를 이렇게 바꾸면 더 유저 경험이 개선될텐데 하는 고민도 갖고 있었다. 그러던 도중, 알 수 없는 인스타그램 알고리즘이 멋쟁이사자처럼에서 프론트엔드 과정 스쿨 1기를 모집한다는 소식을 전해주었고 며칠을 고민하다가 자기소개서와 인터뷰 영상을 촬영해보냈다. 솔직히 자기소개서와 인터뷰 영상에는 긴 시간을 투자하진 않았다. 프론트엔드 스쿨 수료 후 해보고 싶은 것들을 정리하는데 집중했고, 인터뷰 영상도 나의 솔직한 생각을 의식의 흐름대로 말하고 적당히 편집해서 제출했었다. 생각해보면 이런 점이 오히려 합격의 큰 이유지 않을까 스스로 자평해본다. :) OT는.. 2021. 11. 2. 이전 1 다음
