post-thumbnail

[WEB #11] Self Refactoring으로 clean code 만들기

어떻게 유지보수를 잘 할 것인가? 단순히 많은 기능을 구현할 줄 안다고 좋은 개발자가 아니다. 효율적이고 확장성 있는 코드, 유지보수가 용이한 코드를 작성할 줄 아는 개발자가 좋은 개발자다. 학습의 과정에서도 많은 기능을 구현하는 것에 치중하기보다 하나의 기능을 구현

6일 전
·
0개의 댓글
post-thumbnail

[WEB #10] 리눅스(Linux)와 터미널(Terminal)을 알면 OS를 지배하지

리눅스란? 리눅스 토발즈(Linus Benedict Tovalds)가 개발한 Unix 기반 운영체제 GNU(GNU's Not Unix, 그누) ⇒ 자선단체 FSF(Free Software Foundation)에서 설립 ⇒

6일 전
·
0개의 댓글
post-thumbnail

[WEB #9] 개발자 도구(Developer tools)

개발자라면 개발자 도구(developer tools)와 친구가 되어야 한다. 이제 웹 브라우저를 띄운다는 것은 항상 브라우저-개발자 도구로 분할된 화면을 함께 띄운다는 것을 의미한다. 개발자 도구의 다양한 패널 종류과 기능을 파악하고, 친해지기 시작! 개발자 도구(d

6일 전
·
0개의 댓글
post-thumbnail

[WEB #2] WEB 서비스의 역사와 발전 (feat.개발자의 일자리)

\[\[WEB 이 놀라운 혁신은 거의 모든 산업 전반에의 혁신을 가져왔고, 개발의 영역이 넓고 세분화되는 효과를 가져왔다. 가장 큰 혁신을 가져온 분야는 '유통' 업계다.예전에는 소프트웨어를 구입 하려면 물리적인 매개체가 필요했는데, 인터넷이 발명되면서 유통 과정이 혁

6일 전
·
0개의 댓글
post-thumbnail

[React #1] React의 등장과 내 컴퓨터에 저장❤️

리엑트는 3세대 웹의 등장으로 웹의 규모가 커지고 복잡해지면서 웹 페이지를 효율적으로 만들고 관리하기 위해 만들어진 라이브러리다. 유저 인터렉션이 많아져 UI 변화가 많아진다. dom, event 만으로는 조작이 힘들어짐 => 새로운 기술의 필요 Web Applic

2021년 7월 20일
·
0개의 댓글
post-thumbnail

[Web #8] HTTP를 알고 주소 쓰기

HyperText HTML (Hyper Text Markup Language) Hyper Text = 문서와 문서가 링크로 연결되어 있음을 뜻함 Trnasfer 전송하다 = 물건이나 편지 HTML로 만든 웹페이지 문서(파일)을 보낸다. 프로토콜 컴퓨터끼리 어떻게 HTM

2021년 7월 18일
·
0개의 댓글
post-thumbnail

[JavaScript #4] Basic of JavaScript - 수(number)

06-2. 다소 생소한 수학 표현식 방금 했던 계산들은 우리에게 익숙한 수학 표현식이라면, 이번에는 조금 생소한, 컴퓨터 언어에서 사용되는 수학 표현식을 한 번 보겠습니다. let num = 1; num++; let num = 1; num++; 아래와 같이 conso

2021년 7월 18일
·
0개의 댓글
post-thumbnail

[Web #7] GitHub으로 협업하기

GitHub을 협업 툴로 사용하는 방법에 대해 알아보았다.현업에서 프로젝트를 진행할 때는 공통의 repository를 복제(clone)해 로컬의 세부 가지(branch)에서 개별 작업을 하고, 다시 결합(merge)하는 식으로 진행된다. \*이미지 출처: wecode

2021년 7월 14일
·
0개의 댓글
post-thumbnail

[WEB #6] Git & GitHub로 프로젝트 관리하기

Git은 분산 버전 관리 시스템(Version Control System(VCS))으로 변경 사항을 추적하는 시스템이다. git 외에도 CVS, mercurial 등 여러 VCS가 있으나, git은 가장 보편적으로 쓰이는 시스템이다. 변경 사항을 파일 별로 모두 기록한

2021년 7월 14일
·
0개의 댓글
post-thumbnail

[JavaScript #3] Basic of JavaScript - 함수

하나의 특정한 작업을 수행하도록 설계된 독립적인 블록변수에 이름이 있듯, 함수도 이름이 있다. 함수 이름을 부르면, 함수 내에 있는 코드가 실행된다.함수를 정의하면 "이 함수는 이런 동작을 할거야~"라고 정해두는 것과 같다.함수를 불러 실행시키는 것을 "함수를 호출한다

2021년 7월 14일
·
0개의 댓글
post-thumbnail

[JavaScript #2] Basic of JavaScript - 변수

프로그래밍(Programming) 컴퓨터에게 일 시키는 것 자바스크립트(JavaScript) 웹 페이지와 상호작용하도록 만들어진 언어 변수(Variables) 프로그래밍을 하기 위한 값(value)을 저장하는 저장 공간 변수 이름 주의 사항(naming conventi

2021년 7월 14일
·
0개의 댓글
post-thumbnail

[Web #5] Database 이해하기

데이터(Data)란 숫자, 단어, 이미지, 영상등의 형태로 된 의미 단위이다.데이터베이스는 컴퓨터 시스템에 저장된 정보나 데이터를 모두 모아 놓은 집합을 의미한다. 데이터는 Database Management System으로 제어, 관리한다. 즉, 데이터가 저장된 하

2021년 7월 12일
·
0개의 댓글
post-thumbnail

[CSS #8] HTML/CSS Wrap up

그동안 공부했던 CSS에서 앞으로 꼭 기억해야 할, 작업할 때 잊어서는 안되는 키포인트를 정리해보았다. (feat. 도현님😍) 1. box-sizing : border-box vs content-box 다합쳐서 100, content 기준 레이아웃을 잡기 위해 초기

2021년 7월 12일
·
0개의 댓글
post-thumbnail

[HTML/CSS] HTML img tag vs CSS background-image (feat.Semantic Web/Tag)

앞서 'HTML을 Semantic하게 작성해야 하는 이유'와 '검색최적화의 연관성'에 대해 알아보았다. 그럼 HTML과 CSS라는 서로 다른 언어에서 비주얼적으로 동일한 동작을 구현하는 경우 어떤걸 써야할까? HTML ` vs CSS background-image`

2021년 7월 7일
·
0개의 댓글
post-thumbnail

[JS Practice #1] DOM event로 dropdown menu 만들기

Dropdown menu를 만드는 DOM 프로젝트를 통해 event 등 기본적인 사용법과 동작원리를 익혀본다. \*출처: 김버그(kimbug)의 Youtube DOM 강의를 듣고, 개인 학습자료를 더해 정리했습니다. (버그님 최고!)요소(element)는 HTML ta

2021년 6월 30일
·
0개의 댓글
post-thumbnail

[WEB #4] 공유기에 숨은 서버 원리(feat. IP Adress, Port)

IP Adress 클라이언트와 서버 컴퓨터가 서로 정보를 주고 받기 위한 주소. IPv4 주소 : 32비트 체계로 0.0.0.0 ~ 255.255.255.255 (4,294,967,296개의 주소 생성 가능, IPv4) -> 그러나 웹, 스마트폰, 클라우드 컴퓨팅,

2021년 6월 25일
·
0개의 댓글
post-thumbnail

[WEB #3] 나에게 두 대의 컴퓨터만 있다면 어디든 갈 수 있지(feat. 팀 버너스)

웹 서버와 웹 브라우저, 2대의 컴퓨터가 서로 정보를 주고받는다. (By 팀 버너)웹 서버 컴퓨터에는 'info.cern.ch'라는 주소와 'index.html'이라는 파일을 저장했다.웹 브라우저가 설치된 컴퓨터에서 'http://info.cern.ch/ind

2021년 6월 24일
·
0개의 댓글
post-thumbnail

[WEB #1] WEB과 Internet의 등장 그리고 혁신

인터넷, 웹, 네트워크, IP.. 알게 모르게 우리가 알고, 쓰는 IT 용어의 탄생과 개념, 동작 원리를 알아본다. 어쩌면 웹 개발프로그래밍을 공부하기 전 가장 중요한 부분이 아닐까 생각했다. <생활코딩> 이고잉님의 강의를 듣고 서프라이즈를 보는 것 마냥 너무나

2021년 6월 23일
·
0개의 댓글
post-thumbnail

[CSS #7] Transition으로 스르륵, Animation으로 확! 변화주기💫

요소의 속성값에 애니메이션을 줘서 '스르륵' 변화할 수 있게 도와준다.position의 4가지 요소 1) property: 변화값(CSS 속성) 2) duration: 지속시간 (ms, s) 3) timing-function : 변화속도 (ease-in, eas

2021년 6월 22일
·
0개의 댓글
post-thumbnail

[CSS #6] Background로 웹을 아름답게🌟

Background(배경) 속성 background-color : 배경에 색상을 넣어준다. hex, rgb, rgba로 표현할 수 있다. background-image : 배경에 이미지를 넣어준다. url(*이미지 경로) background-repeat : 배경 이

2021년 6월 22일
·
0개의 댓글