웹개발(3)
-
서버사이드렌더링에서 서버는...? 프론트 서버 vs 백엔드 서버
서버 = 백엔드, DB 라고 생각했던 사람, 나야 나 🙋🏻♀️... 그래도 프론트엔드 개발자로 입사하고, 백엔드 개발자들과도 얘기해보면서 백엔드 개발이 서버와 DB 다루는 거구나 라고 이해하게 되었다. 그런데 Next.js 공부를 하면서 접한 서버 사이드 렌더링... 이 서버도 그 서버야? 하는 의문이 들었다. 그리하여 찾아보고 정리하는 포스팅! 서버란? 서버 : 클라이언트의 요청에 응답하는 프로그램 요청에 따라 html, css, js 등 정적 파일을 보내주는 프론트엔드 서버와, DB 데이터를 보내주고 연산하는 백엔드 서버로 나눌 수 있다. 프론트 서버 주로 정적 리소스(static resources)를 다루는 데 사용된다. 정적 리소스는 서버 측에서 동적으로 생성되는 게 아니라, 이미 저장되어 있는..
2023.11.29 -
모바일 웹 vs 웹 앱 차이점 feat. 네이티브앱, 하이브리드앱
학원에서 수업하면서 네이티브앱, 하이브리드앱, 웹앱의 차이점에 대해 배운 적이 있다. (출처 : https://m.blog.naver.com/acornedu/221012420292 ) 이제와서 다시 보니 그 차이가 조금 분명하지 못한 것 같아서 좀 더 검색을 해 보았다. 모바일웹은 말그대로 반응형 혹은 적응형 작업이 된 웹페이지이다. 웹앱은 모바일웹과 같으나 겉모습과 구동방식을 마치 앱인 것처럼 꾸며놓은 것이 웹앱이다. 즉, 웹 기술로 네이티브앱을 흉내낸 것. 하이브리드앱은 쇼핑몰 등에서 주로 사용하는 방식으로, 껍데기만 앱이고 내용물은 웹이다. 따라서 웹 기반이므로 잦은 업데이트가 있더라도 앱을 따로 업데이트할 필요가 없어서 유지보수에 용이하다. 또한 네이티브앱에서만 가능한 스토어 등록 등의 기능을 사..
2021.06.16 -
퍼블리싱 작업 완료 후 확인해야 하는 부분
실무에서 퍼블리싱 작업을 하다보면 꼭 해야하지만 까먹는 부분이 있어 정리해본다. 작업의 완성도를 높이기 위해 html, css, script 작성이 완료되면 다음과 같은 절차를 통해 내가 만든 작업물을 확인 후 컨펌을 보낸다. 1. 크로스브라우징 - ie에서만 돌아가면 대부분 돌아간다. 먼저 ie 확인 후, 다른 부분 수정을 하고 다른 브라우저들 확인할 것. 2. 모바일 - 개발자도구로 모바일 사이즈만 확인하는 것이 아닌 직접 핸드폰으로 확인해 볼 것. 아이폰의 경우 주소줄 등에 의해 높이가 더 짧아지므로 유의. 3. w3c validator - html, css의 웹표준 검사는 필수 4. OpenWax - 크롬의 익스텐션 중 하나로 웹접근성을 점수로 세분화하여 체크해준다. 위의 4가지 항목은 신입퍼블리..
2021.06.16