본문 바로가기

Dev

 (10)
프론트엔드 개발언어(HTML, CSS, JavaScript) HTML 집을 짓기 위한 기반 설정HyperText Markup Language(하이퍼텍스트 마크업 언어)로 웹 페이지 기초 뼈대 정의HTML을 사용하면 태그를 통해 텍스트 파일에 다양한 효과, 그래픽, 글꼴, 색상을 표시할 수 있음CSS 인테리어를 담당Cascading Style Sheets(종속형 시트)는 웹페이지의 디자인과 레이아웃을 담당글꼴, 색상, 레이아웃 등 시각적인 요소 제어, 아름답고 일관된 디자인 제작CSS는 주로 HTML 구성 요소의 표시 방식을 개선하는데 사용하는 스타일 시트 언어Javascript 집을 스마트하게 변경웹 페이지의 동작과 상호작용을 담당버튼 클릭, 폼 제출, 애니메이션 등 동적 기능Javascript로 웹 페이지를 더 사용자 친화적으로 만들 수 있음
앱 서비스 상태, 포그라운드와 백그라운드 앱 상태Not running : 앱이 아예 실행되지 않았거나 시스템에 의해 종료되었을 때의 상황Inactive : 앱이 foreground 상태이기는 하나 이벤트를 받지 못한 상태Active : 앱이 foreground에서 실행 중이며 이벤트를 받았을 때의 상황Background : 앱이 background에 있으며 코드를 실행하고 있는 상태Suspended : 앱이 background이며 앱이 메모리에 남아 있긴 하나 코드를 실행하고 있지 않은 상태포그라운드(Foreground)와 백그라운드(Background)백그라운드화면에 보이지는 않지만 앱이 계속 실행 중인 상태시스템이 자원이 부족하다고 판단할 경우 강제 종료됨ex. 모바일 게임을 하다가 잠시 홈 화면으로 나갔다가 몇 초 후에 다시 게임으로 돌아..
GIT 기본기 Git 깃은 변경사항을 추적하고 여러명의 사용자간에 파일작업을 조율하기위한 분산버전 관리시스템이다. Commit 개발 단계별로 깃발을 꽃을 수 있다. 커밋에는 항상 메모가 따라다니며 이것을 Commit Log(커밋로그) 무슨 개발을 했는지 적으면 된다. Branch 새로운 방향의 개발을 추가해야 할때 분기처리한다. 한개 이상의 프로젝트 개발을 진행하더라도 여러 기능의 충돌없이 작업할 수 있다. Merge 각각 브랜치에서 작업한 코드를 합칠 수 있다. Merge 과정에서 충돌(Conflict)은 깃에서 알려준다.
프레임워크와 라이브러리 프레임워크와 라이브러리 소프트웨어 개발 생산성을 높이고, 효율적인 개발을 가능하게 한다. 프레임워크(Framework) 특정 개발 방식을 위한 기본 구조 제공 보통 프레임워크가 라이브러리보다 더 포괄적인 기능 세트를 제공함 사용 사례 : 웹 애플리케이션 개발, 모바일 애플리케이션 개발, 데스크탑 애플리케이션 개발 등 예시 : Angular, React(라이브러리지만 프레임워크처럼 사용됨), Vue.js(웹 프론트 개발), Django(파이썬 웹 개발), Spring(자바 백엔드 개발) 라이브러리(Library) 특정 기능을 수행하기 위해 재사용 가능한 함수나 객체의 집합 개발자가 코드의 특정 부분을 구현할 때 그 기능을 제공함 사용 사례 : 특정 알고리즘, 데이터 구조, 네트워킹 도구, 이미지 처리 기능..
데이터베이스 관계형 데이터베이스(Relational Database) 데이터를 테이블 형태로 저장하는 데이터베이스 관리 시스템(DBMS)이다. 각 테이블은 행(Row)과 열(Column)로 구성되며, 이러한 테이블 사이 관계를 통해 데이터를 조직, 검색, 관리한다. 테이블 간의 관계를 정의함으로써 데이터 중복을 최소화하고, 데이터가 정확하고 일관되게 유지되도록 할수 있다. 행(Row) : 고유한 데이터 레코드 열(Column) : 레코드의 하나의 데이터 필드 관계형 데이터베이스 관리 시스템으로 MySQL, Oracle DB, MS SQL, MariaDB 등이 있다. 데이터베이스 스키마(Database Schema) 데이터베이스의 구조를 정의하는 청사진이다. 데이터베이스를 설계하는 초기 단계에서 정의되며, 구조를 변경..
웹과 애플리케이션 웹(Web)1. HTML, CSS, JavaScript로 이루어진 웹의 기본내용HTML(Hyper Text Markup Language)은 운영체제와 상관없이 웹 브라우저만 있으면 PC, 스마트폰, 윈도우, 맥 모두 동일 정보를 볼 수 있게 해주었다.CSS(Cascading Style Sheets)로 HTML에 디자인을 입힐 수 있었다. HTML 코드는 정보만 표현하고 CSS 코드는 디자인만 표현할 수 있어 깔끔해졌다.HTML과 CSS를 합쳐 '퍼블리싱' 작업이라 표현했고, '퍼블리셔'라고 부른다.[HTML, CSS, JavaScript] 더 알아보기HTML(Hyper Text Markup Language) : 내용, 구조CSS(Cascading Style Sheets) : 디자인JavaScript : ..
API와 JSON API클라이언트와 서버가 요청과 응답을 주고 받을 수 있게 만든 체계클라이언트에서 서버로 요청(Request)을 보내고, 서버에서 클라이언트로 응답(Response)을 전달↓'API 게이트웨이 설명' 더보기↓더보기웹 API는 클라이언트와 웹 리소스 사이의 게이트웨이라고 할 수 있다.클라이언트웹에서 정보에 액세스하려는 사용자(API를 사용하는 사람, 소프트웨어 시스템 등)ex. 개발자는 날씨 시스템에서 날씨 데이터에 액세스하는 프로그램 작성할 수 있으며,      사용자가 날씨 웹 사이트를 직접 방문할 때 브라우저에서 동일한 데이터에 액세스할 수 있음리소스리소스는 다양한 애플리케이션이 클라이언트에게 제공하는 정보(이미지, 동영상, 텍스트, 숫자 등 모든 유형의 데이터)서버에서 클라이언트에 리소스를 제공하며..
네트워크, 클라이언트, 서버 LAN / MAN / WAN LAN(Local Area Network) : 근거리 통신망 MAN(Metropolitan Area Network) : 도시 지역 통신망 WAN(Wide Area Network) : 광역 통신망 한강에서 카카오톡을 다운로드하고, 실행하면 일어나는 일들 스마트폰 : 앱스토어로 들어가 카카오톡 설치파일 요청 네트워크 : 스마트폰 IP 주소로 카카오톡 설치 파일 요청 애플 서버 : 카카오가 앱스토어에 올려둔 파일 전달 네트워크 : 설치파일을 스마트폰에 전달 스마트폰 : 다운로드 카카오톡으로 친구가 보낸 이미지/동영상을 다운로드 받을 때, 일어나는 일들 친구 스마트폰 : 나에게 동영상 파일 전달 카카오 서버 : 업로드 네트워크 : 카카오 서버에 파일 요청 카카오 서버 : 파일 전달 ..

티스토리툴바