반응형 프론트엔드4 프론트엔드 개발자 프론트엔드 개발자 프론트엔드 개발자는 우리가 사용하는 웹 서비스를 개발 모든 웹은 HTML, CSS, Javascript 언어로 구성 HTML, CSS는 시각적으로 볼 수 있게 화면을 보여주는 역할(화면은 고정) Javascript는 사용자들이 버튼을 클릭하거나 로그인, 결제하기 등의 동적인 기능을 사용하기 위한 역할 웹서버를 관리하는 건 보통 백엔드 개발자가 하지만 작은 기업같은 경우는 웹서버도 프론트엔드 개발자가 같이 관리 프로덕트 디자이너와 협업 프론트엔드 개발자는 보통 프로덕트 디자이너와 협업을 많이 하게 됨 웹에 새로운 페이지를 만들거나, 페이지 디자인이 변경될 때 프로덕트 디자이너가 선행 작업을 함 디자이너가 작업을 완료하면 프론트엔드 개발자는 이를 통해 간격, 색상, 크기 등의 수치를 확인하.. 2023. 7. 17. 프론트엔드(앱) 모바일 앱 기본 지식 거의 모든 스마트폰의 OS는 android와 ios로 나뉘고, OS가 다르기 때문에 기본적으로 앱을 개발하는 방식이 다름 android는 java 혹은 kotlin 이라는 프로그래밍 언어로 개발 ios는 swift 혹은 objective c 프로그래밍 언어로 개발 웹은 HTML, CSS 코드로 화면을 그리는 반면, 모바일 앱을 개발할 때는 GUI 환경에서 화면을 짤 수 있음(프로그래밍 언어로도 화면을 구성할 수 있음) 스토어에 올라가기 전에 정상적인 앱인지 심사를 거치게 됨 심사는 사람이 직접 하게 되며 심사를 통과하고 나면 정상적으로 플레이스토어에 올릴 수 있게 됨 보통 앱 서비스를 내기 위해선 안드로이드는 구글 플레이스토어 , ios는 앱 스토어에 심사를 맡기게 됨 구글 플레이스.. 2023. 7. 14. 프론트엔드(웹) 브라우저에서 웹이 동작하는 과정 웹을 실행하는 환경은 브라우저, 웹을 제공하는 곳은 웹 서버 사용자가 브라우저에서 url(도메인 주소)를 입력 브라우저는 웹 서버를 실행하고 있는 컴퓨터에게 요청 웹 서버에서는 프론트엔드 개발자가 개발한 웹을 클라이언트(브라우저)에게 전달 브라우저는 기본적으로 HTML, CSS, Javascript 3가지 언어를 통해 웹을 보여줌 프론트엔드 개발자는 웹을 개발할 때 이 세가지 언어를 사용 실제로 브라우저에서 웹을 보여줄 때 웹 서버로부터 HTML, CSS, Javascript를 다운 받은 후 순서에 맞게 실행시킴 html, css는 렌더링 엔진을 통해 실행되며, javascript는 자바스크립트 엔진을 통해 실행됨 브라우저 화면에 웹을 그리는 전체적인 과정을 브라우저 렌더.. 2023. 7. 13. 프론트엔드 & 백엔드 프론트엔드 유저가 서비스를 이용하기 위해 사용하는 프로그램 프론트엔드는 폭넓은 의미로 웹, 앱 등을 전부 포함 보통 브라우저를 통해서 웹을 실행 실제로 웹이 브라우저에 보여지는 과정은 다음과 같음 브라우저가 웹 프로그램을 전달해주는 웹서버에게 요청 웹서버에서 (프론트엔드 개발자가 개발한) 웹을 전달 브라우저에서는 다운받은 웹을 실행 크롬에서 F12를 누르면 개발자도구가 열리며, 브라우저가 웹을 실행시키면서 나오는 정보들(네트워크 통신 기록, 프로그램 로그, HTML 소스 코드 등)을 확인할 수 있음 모바일 앱 스마트폰에서 사용되는 앱으로 Android와 ios가 대표적 앱은 오직 앱스토어에서만 다운받을 수 있음 앱은 웹과 마찬가지로 화면 구성 및 동작 로직을 구현하고, 서버와 통신하면서 데이터를 전달받음.. 2023. 7. 11. 이전 1 다음 반응형
