반응형

IT/Front-End 28

검색엔진(SEO) 최적화 적용하기

자신의 사이트나 회사의 사이트가 웹에 잘 검색이 되어야 우리가 필요한 정보를 검색했을 때 원하는 정보와 서비스를 이용할 수 있게 됩니다. SEO(Search Engine Optimization, 검색엔진 최적화)란 검색 엔진이 웹 사이트의 정보를 찾기 쉽도록 사이트를 개선하는 프로세스입니다. 우리가 웹에 정보를 검색하면 검색 사이트는 정보를 크롤링(신규 또는 업데이트된 웹페이지를 찾는 프로세스)하게 됩니다. 이때 SEO에 최적화되어 있는 사이트가 검색엔진 상위에 노출되게 되고 우리는 그 정보를 가장 먼저 얻게 되는 방식입니다. 그럼 SEO 최적화 방법에 대해 알아봅시다. 1. 고유하고 정확한 페이지 제목 만들기 요소는 사용자는 물론 검색엔진에 특정 페이지의 주제가 무엇인지 알려 줍니다. HTML 문서의 ..

IT/Front-End 2022.01.18

CSR(Client Side Rendering), SSR(Server Side Rendering)

프로젝트를 하다 보면 CSR과 SSR이란 단어를 한 번쯤은 들어보게 됩니다. 유저가 최종적으로 바라보게되는 브라우저 화면이 클라이언트와 서버 중 어디에 중점을 두고 랜더링을 하여 유저에게 보여주게 될 것인가가 CSR로 결정할지 SSR로 결정하게 되는 이유가 됩니다. 🍓 CSR CSR이란 최초에 1번 서버에서 전체 페이지를 로딩하여 보여주고 이후에는 사용자의 요청이 올 때마다 리소스를 서버에서 제공한 후 클라이언트가 해석하고 렌더링을 하는 방식입니다. 장점 처음의 로딩만 기다리면, 동적으로 빠르게 렌더링이 되기 때문에 사용자 입장에서 UX가 좋습니다. 처음 페이지를 로드 하였기 때문에 서버에게 요청하는 횟수가 훨씬 적어져 서버의 부담이 적습니다. 단점 처음 로딩 시 모든 스크립트 파일을 로드하기 때문에 모..

IT/Front-End 2021.12.23

개발자가 가장 분노하는 순간

어느 유머 사이트에서 개발자가 가장 분노하는 순간이라는 글을 보았습니다. 1위부터 15위까지의 순위를 적어 놓은 리스트였는데 어느 부분은 공감이 가서 웃기도 하였습니다. 아래 리스트는 "개발자"라는 화두를 중심으로 나열되어 있지만 사실 IT업종, 어쩌면 사회에서 조직이라는 그룹에서 여러 타인과 일을 하는 사람이라면 그 대상의 차이일 뿐 모두들 조금씩은 공감할 것 같은 내용이라 글을 쓰게 되었습니다. 사실 조금씩만 입장을 바꾸어서 생각해보면 지금보다는 좀 더 유연하고 기분 좋게 일을 할 수 있지 않을까 싶네요. 올해가 정말 얼마 남지 않았는데 남은 올해에 안 좋았던 기억은 모두 내려놓고 내년에는 모두들 즐겁게 일을 하고 이 글을 읽는 모든 분들에게 좋은 일만 생겼으면 좋겠습니다. 감사합니다. 개발자가 가장..

IT/Front-End 2021.12.23

회사에서 우리는..(업무자세)

우리는 회사를 다니게 되면 조직에 속한 한 명의 구성원이 됩니다. 각자의 서로 다른 구성원 한 명 한 명이 모여서 하나의 조직을 이루게 되죠. 개발자, 디자이너, 기획자 등 각자 다른 직군에서 서로 하나의 목표를 향해 항해를 시작합니다. 누군가는 중간에서 항해를 멈추고 내릴 수도 있고 누군가는 새롭게 항해하는 배에 탑승할 수도 있습니다. 구성원이 바뀌고 사람들의 생각이 다르고 하는 업무가 다르기 때문에 우리의 멋진 여정을 이루려면 서로간에 대한 규칙(규율)이 필요하다고 생각합니다. 아래의 글은 직군, 직책에 관계 없이 모두에게 적용되며 구성원들이 더 멋진 항해를 하기 위해선 반드시 필요하다고 생각합니다. 모든 실천은 나부터 시작하는 게 가장 중요합니다. 1. 차별, 평가를 하지 않아요. 다양성을 인정하고..

IT/Front-End 2021.03.12

프로젝트시 자주 사용하는 단어 10가지 2탄

이전에 작성한 프로젝트 시 자주 사용하는 단어 10가지 1탄 에 이어서 2번째 정리 시간을 가져 볼게요. 1. UX(유엑스), UI(유아이) UX(User eXperience)는 영어의 뜻대로 사용자의 경험이라는 뜻을 가지고 있습니다. 어떠한 서비스나 제품을 사용하면서 얻게 되는 직, 간접적인 경험들을 바탕을 서비스에 접목시키면 보다 나은 방향으로 UX를 발전시킬 수 있습니다. 예를 들어 전철을 이용할 때 전철에 4-4와 같은 위치 알림 표시를 통해 자신이 몇 번째 칸에 타고 있는지를 직관적으로 알려주는 마크가 좋은 UX의 예라고 할 수 있습니다. UI(User Interface)는 사용자가 해당 기능을 사용하는 방법을 나타내는 말로 버튼을 설계한다고 가정했을 때 아무 구도에 배치하는 것이 아니라 UX를..

IT/Front-End 2021.03.11

IT 프로젝트시 자주 사용하는 단어 10가지 1탄

지금이야 경력도 있고 업무 경험도 있어서 괜찮지만 저도 IT 직군에 처음 신입으로 입사해서 일을 시작했을 때 생소한 용어들로 인해서 많이 힘들었던 경험이 있습니다. 프로젝트를 처음 경험하는 신입들은 업무 흐름 파악도 어렵고 분위기도 적응이 잘 안되는데 자신이 알아듣지 못하는 용어를 접하게 되면 흔히 말하는 멘붕이 옵니다. (타인의 알아듣지 못하는 말들이 아웃사이더 속사포 랩처럼 들립니다.) 더욱이 용어를 문서로 접하면 그나마 이해하기가 괜찮지만 대부분 회의에서 구두로 전해 듣기 때문에 처음에는 의미를 알고 있지 않다면 더욱 이해하기 힘들 수 있습니다. 처음 IT에 발걸음을 내딛는 분들에게 조금이나마 도움이 되었으면 좋겠습니다. 최대한 이해가 용이하도록 기본 단어는 영어이지만 한글 표기음도 같이 적어두었습..

IT/Front-End 2021.03.11

프로젝트 시 하지 말아야 할 말들(Feat. IT)

대부분 직장을 다니는 직장인들이라면 반드시 IT 직군이 아니더라도 혼자서 업무를 진행하는 경우보다는 일반적으로는 타 부서와의 협업을 통해 회사에서 목표하는 방향성에 맞게 프로젝트를 정하고 진행하면서 최고의 결과를 도출해야 하는 경우가 더 많다고 생각합니다. 문제는 타 부서와 협업을 하다 보면 각 파트(직군)에 대한 이익이나 상호관계에 따라서 같은 목표임에도 불구하고 의견이 충돌하는 경우가 발생하게 되는데 이때 원하든 원치 않았든 한쪽의 파트에서는 원활한 프로젝트의 진행을 위해서 손해를 감수하고 업무를 진행해야 하는 경우가 발생하게 됩니다. 이때 상대방을 배려하지 않는 몇몇의 사람들로 인해 업무적 스트레스 보다 더 힘들게 스트레스를 받아들이는 경우도 발생합니다. 그렇기에 우리는 프로젝트를 진행할 때 서로를..

IT/Front-End 2021.03.09

웹 접근성과 웹표준에 대해 알아봅시다.

HTML과 CSS를 사용하여 마크업을 하게 되면 가장 기본적으로 많이 듣게 되는 단어가 웹 표준입니다. 그리고 그에 파생되어서 웹 접근서이라는 단어도 같이 접하게 되는데 아마 '웹 표준', '웹 접근성'이라는 단어를 처음 접하시는 분들도 계실수도 있고 두 단어가 같은 의미를 가진다고 생각할 수도 있습니다. 비슷하지만 서로 의미하는게 다른 두 단어를 오늘 이해해보려고 합니다. 📒 웹 표준이란? 웹 표준이란, ‘웹에서 표준적으로 사용되는 기술이나 규칙의 총칭으로 다양한 접속 환경을 가진 인터넷 사용자들이 정보에 소외되지 않고, 동등하게 정보를 이용할 수 있도록 하는 방법이라고 정의합니다. 좀 더 쉽게 정리하면 웹 표준은 브라우저의 종류나 버전에 관계 없이 서로 호환이 가능하도록 제시된 표준으로 어느 한쪽에 ..

IT/Front-End 2021.03.09
반응형
//