본문 바로가기

분류 전체보기

 (117)
#4-개발자가 리눅스를 사용하는 이유 (리눅스, 우분투) 리눅스(Linux)란? 리눅스란 Window Mac과 같은 운영체제다. 개발자 중 서버를 담당해야 하는 백엔드 개발자가 주로 리눅스를 사용하며, 리눅스에서 서버 프로그램을 실행하기 때문이다. 그렇다면 개발자는 왜 리눅스에서 서버 프로그램을 실행할까? 리눅스를 사용하는 이유 리눅스는 제작자인 '리눅스 토발스'가 무료로 배포했으며, 수정 및 배포를 허가했다. 즉, 리눅스는 기본적으로 무료라는 이야기다. 리눅스가 Window나 Mac과 달리 가격이 싸고 접근이 어려운 이유가 있다. 리눅스는 Window와 Mac과 같이 그래픽 UI를 제공하지 않아 컴퓨터 언어를 잘 알아야 사용할 수 있기 때문이다. 때문에 기본적으로 명령어를 통해 컴퓨터를 제어하며, 서버 프로그램을 돌려야 하기 때문에 안정적이라는 특징이 있다...
#3-네트워크 이해하기 (서버, 클라이언트, IP) 범위에 따른 통신망 정의 서버와 클라이언트를 알아보기 전, 네트워크에 대해 알아보자. 네트워크는 범위에 따라 구분되며, 자세한 내용은 아래와 같다. Local : 가장 작은 지역 LAN : Local Area Network. 근거리 통신망 MAN : Metropolitan Area Network. 도시 지역 통신망 WAN : Wide Area Network. 광역 통신망 서버와 클라이언트 네이버에서 이미지를 다운로드할 때 벌어지는 일 네이버에서 이미지를 다운로드할 때 나는 네이버 PC에 WAN을 통해 이미지를 달라고 요청한다. 이때 네이버 PC는 IP주소로 이미지를 보내게 되는데, 자세한 내용은 다음 내용에 자세하게 기재했다. 여기서 이미지를 달라고 하는 내 스마트폰을 클라이언트(고객) 또는 프론트엔드라..
#2-개발자가 하는 일2 (컴퓨터, 운영체제, JAVA) 요약 개발자는 프로그래밍 언어를 통해 운영체제 위에 돌아가는 프로그램을 만드는 사람들이다. 컴퓨터가 일하는 방식 컴퓨터는 크게 아래와 같이 이루어진다. CPU : 중앙처리장치. 컴퓨터의 머리에 해당한다. 처리/연산을 담당한다. HDD / SSD : 기억장치. 데이터 저장소에 해당한다. RAM : 메모리. 임의 접근 기억 장치. 임시 저장소에 해당한다. 휘발성 메모리다. CPU는 데이터를 저장할 수 없다. 때문에 CPU가 처리/연산 시, HDD 또는 SSD에서 저장된 데이터를 CPU에게 주어야 한다. 하지만 HDD/SSD의 공간이 너무 방대해서 데이터를 찾는데 시간이 오래 걸리기 때문에 CPU는 RAM에 휘발성 데이터를 저장/요청한다. 이로 인해 처리/연산을 빠르게 처리할 수 있다. 운영체제(OS)란 운영..
#1-개발자가 하는 일1 (컴파일러, 개발 언어, IDE) 요약 개발자는 IDE와 프로그래밍 언어를 사용하여 컴파일러에게 명령을 전달하는 사람이다. IDE란? 통합 개발 환경을 말한다. 개발에 관련된 모든 작업을 하나의 프로그램 안에서 처리하는 환경을 제공하는 소프트웨어다. IDE는 어떤 목적으로 개발하느냐에 따라 사용 프로그램이 구분된다. Android Studio : 안드로이드 애플리케이션 개발 Xcode : 애플 운영 체제 위의 애플리케이션 개발 Eclipse : C/C++ 개발, 자바 개발, 웹 개발 Pycharm : 파이썬 개발 프로그래밍 언어 간단하게 말하자면 컴퓨터에게 일을 시킬 수 있는 언어를 뜻한다. IDE 소프트웨어를 실행시켜 프로그래밍 언어를 입력하는 방식으로 사용된다. 이는 컴퓨터 / 인간 친화적인 형태로 구분되며, 자세한 내용은 아래와 같..
[자기계발서] 기분이 태도가 되지 않게 기분이 태도가 되지 않게 코로나로 인해서 가족 모임이 줄어들었다. 이로 인해 독서 모임도 자연스레 무기한 연기되었고, 나를 위한 독서를 시작했다. 기분이 태도가 되지 않게는 코로나로 인해 우울했던 나의 마음을 달래주면서 나를 다시 돌아보게 만드는 책이었다. 해당 책은 중국의 대표적인 심리 상담 플랫폼의 인기에 힘입어 나온 단행본 시리즈다. 기분에 조종당하고 감정에 휘둘리는 사람들에게 감정의 주인이 되는 방법을 알려준다고 한다. 그 방법은 5가지로 크게 나눠서 소개된다. 이 5가지 항목은 나의 기분을 다스리는 법, 내 기분을 망치는 사람과 거리 두는 법, 나의 감정을 돌아보는 법, 감정에 대한 오해, 나를 지키는 연습이다. 코로나로 인해 집에서 많은 생활을 하는 만큼, 이런저런 잡생각도 많아지고 자기반성을..
CSS 이름 작명 규칙 (BEM) 개발자에게는 CSS의 이름을 작성할 때 일정한 규칙이 있으며 이를 BEM 방법론이라고 한다. BEM이란? Block-Element-Modifier의 약자로 CSS 클래스 이름에 대한 작명 규칙 표준이며 Sparkbox에서 널리 사용된다. BEM의 장점 BEM 규칙을 통해 아래 장점을 가질 수 있다. 목적과 기능 전달 구성 요소 구조 전달 스타일 선택자에 대한 낮은 수준의 일관성을 설정 작성 방법 구성 요소 BEM 클래스는 3개 부분으로 구성되며, 순서와 예시는 아래와 같다. 블록 : 상위 요소 요소 : 자식 요소 수정자 : 변형 요소
Placeholder 스타일 적용하기 Placeholder의 스타일 변형은 표준이 아니다. 따라서 브라우저에서 제공하는 기능을 사용하여 Placeholder의 스타일을 변경할 수 있다. 문제 발생 Placeholder의 스타일 변형은 표준이 아니기 때문에 placeholder의 스타일을 표준 css로 변경 불가능하다. HTML CSS /*CSS 입력하지 않음*/ 문제 해결 각 브라우저에서 제공하는 placeholder 변형 기능을 활용하여 placeholder의 스타일을 변경한다. 이때 각 브라우저의 접두사를 붙여 스타일을 정의해야 하며, 오페라는 placeholder의 스타일 변형을 지원하지 않는다. 브라우저 별 접두사 크롬 : Webkit 익스플로러, 엣지 : ms 파이어폭스 : moz 오페라 : o HTML CSS .input--tex..
float 부모 높이 값 문제 해결하기 Float는 '뜨다'라는 의미가 있다. 이와 같이 float를 설정하면 해당 요소가 동동 뜨기 때문에, 부모가 요소의 높이를 파악하지 못하는 경우에 아래와 같이 해결할 수 있다. 문제 발생 Float를 자식 요소에 사용 시, 부모 요소가 자식의 높이값을 인식하지 못함. HTML CSS .container{ border: 8px solid red; } .container div{ float: left; width: 200px; height: 200px; border: 8px solid blue; } 문제 해결 clearfix라는 클래서에 float요소를 지우는 clear를 넣어 부모 요소에 적용한다. HTML CSS .clearfix::after{ content: ""; clear: both; displa..

티스토리툴바