목록분류 전체보기 (242)
Minwoo Dev.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/xXdX7/btsDkC07eDd/RrFQQUQRQki0hLiiAKFUP0/img.png)
수학에서 함수는 수학에서 두 집합 사이의 관계를 설명하는 논리적 개념으로, 정의역의 원소마다 공역의 원소가 하나씩 대입되는 관계를 의미한다. (출처 - 나무위키 함수 https://namu.wiki/w/%ED%95%A8%EC%88%98) 함수 - 나무위키 그 정의는 다음과 같다. 집합 X,YX,YX,Y에 대한 함수 fff[1]는 다음을 만족하는 대응 관계로 정의된다.임의의 원소 x∈Xx\in Xx∈X에 대해, 그에 대응하는 원소 y∈Yy \in Yy∈Y가 유일하게 존재한다.[2][3] namu.wiki 프로그래밍에서 함수는 수학적 함수와 목적은 비슷하지만, 쉽게 말해 하나의 기능을 하는 묶음이다. 위에서 보이는 함수는 입력된 값에 4를 더하는 기능을 하는 함수이다. JavaScript에서의 함수 사용 J..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dU6oEY/btsDhgY8QHL/uO4s1o4gLrwW548DDCIjx0/img.png)
"환영합니다!" 라는 내용을 반복하여 10번 출력하는 문장을 JavaScript로 구현하려면 어떻게 해야할까 ? console.log('환영합니다! '); console.log('환영합니다! '); console.log('환영합니다! '); console.log('환영합니다! '); console.log('환영합니다! '); console.log('환영합니다! '); console.log('환영합니다! '); console.log('환영합니다! '); console.log('환영합니다! '); console.log('환영합니다! '); 아마 console을 이용하여 출력할 경우에는 위와 같이 작성하면 될 것이다. 하지만 위처럼 10번 반복이 아니라 100번, 1000번 등 무수히 많은 양을 반복해야 한다..
컴퓨터공학에서 많이 나오는 연산자들 중 논리연산자는 기본적으로 AND, OR 연산자가 있다. 다른 연산자들도 많지만, 이 두 연산자들을 기반으로 만들어지는 것이기에 이 두가지가 JavaScript에서 어떻게 사용되는지 설명하겠다. AND 연산자 ( &&, 곱연산 ) if(조건1 && 조건2){ /* 코드 */ } Javascript에서 AND 연산자는 && 로 표현한다. 위 코드의 의미는 조건 1과 조건 2가 둘 다 참일때만 if문이 실행된다는 의미이다. 자세히 설명하자면, 아래 표와 같다. 조건1 조건2 AND 연산 결과 참(true) 참(true) 참(true) 참(true) 거짓(false) 거짓(false) 거짓(false) 거짓(false) 거짓(false) 컴퓨터가 0을 거짓(false), 0..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bpum9d/btsDavuGjHj/ZMJkJhK5SuAtcu75jinxy0/img.png)
if if(조건) { /* 조건이 참일 때 실행할 코드 */ } Javascript에서 조건문의 형식은 위와 같다. if 내부에 조건을 넣고, 이 조건이 참(ture)일 경우에 내부의 코드들이 실행되는 방식이다. 예시를 보자. let a = 5; if(a===5){ console.log('조건이 참이므로 실행됨.'); } 위 코드는 a가 5이므로 if문의 조건문이 참이다. 따라서 if문 내부의 문장이 실행될 것이다. 필요한 조건이 여러 개라면 if문을 여러 개 붙이면 된다. 하지만 조건문이 연결된 조건이라면, else if를 사용하여 부가조건들을 넣어줄 수 있다. else if if(조건) { /* 코드 */ } else if(조건){ /* 코드 */ } 위처럼 코드를 작성하면, if문의 조건이 참이 아..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Tk9QR/btsC4o4QQKJ/hhc9kMeOHcnIy3KjX9N410/img.png)
Javascript의 여러 연산자들 중 "=" 와 관련된 연산자들에 대해서 설명하겠다. 아래 코드를 보자. let a; a = 5; console.log(a); 첫번째 줄에서 a라는 변수를 선언하고 있다. 그리고 두 번째 줄에서 a = 5라는 코드로 a 변수의 값을 지정해주고 있는데, 이 부분이 바로 "대입연산자"를 활용한 부분이다. Javascript에서는 이처럼 "="을 사용하는 연산자가 보통의 프로그래밍 언어보다 대입 연산자(Assignment Operator) "=" 을 기준으로 왼쪽의 변수에 오른쪽 값을 대입한다는 의미를 지니고 있다. a = 5 위처럼 "=" 하나로 식을 나타내며, 위 식은 a 라는 변수에 5라는 값을 저장한다는 뜻이다. 동등 연산자(Equal Operator) "==" 을 기..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/qwyad/btsDdBgp6cX/6GBvGX0h2PMqRkglM3BT7k/img.png)
JavaScript는 웹개발에 있어서 HTML, CSS와 함께 언급되는 기본적인 개발 언어이다. HTML과 CSS는 프로그래밍 언어가 아닌 마크업 언어에 해당하지만, Javascript는 프로그래밍 언어라고 할 수 있다. 우리의 Web을 더 풍성하게 해줄 JavaScript의 변수에 대해서 알아보자. Javascript에서는 다른 프로그래밍 언어들과 같이 정수형, 실수형, 문자형으로 나뉘어지지 않는다. 오로지 var, let, const의 세 가지로만 정의할 수 있다. var은 Javascript에서 오랫동안 있었던 변수형이며, ES5를 사용했던 2015년까지는 유일한 변수형이었다. 하지만 이후에 ES6와 함께 let, const라는 변수형들이 나오게 되었고, var의 고질적인 문제들을 보완할 수 있게 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cdJHsF/btsC4eNrie2/0RcbYrXpclXCKSIrQXabK0/img.png)
Git이 개발자들에게 필수적이라는 말을 많이 들어봤을 것이다. 도대체 Git이 어떤 것이고, 왜 중요하다는 걸까 ? 우선, 버전관리 시스템에 대해서 먼저 설명하겠다. 버전관리시스템이란 ? 문서나 설계도, 소스 코드 등의 변경점을 관리해주는 소프트웨어. 버전관리 시스템의 종류 로컬 VCS (Local VCS) 장점 서버없이 로컬 컴퓨터에서 버전을 관리한다. 간단한 데이터베이스만으로도 구현이 가능하므로 단순하고 개인적인 프로젝트에 적합하다. 단점 협업에서는 사용하기 어렵고, 컴퓨터가 고장나는 경우에는 복구할 방법이 없다. 대표적으로 RCS, SCCS가 있다. 중앙집중식 VCS (Center VCS) 장점 서버에 최종본 한 벌이 있으며, 사용자들은 이 중 수정을 원하는 파일만 로컬에 받아 수정한 후 서버에 올..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bCpI4t/btsCQpPcCGN/NQKYzUSBnjyXHgWtzDuZA0/img.png)
위쪽이 원래 네이버 웹페이지의 모습이고 아래쪽이 내가 HTML과 CSS로만 구현한 네이버 웹페이지다. 원래는 HTML/CSS는 별 거 없다고 생각하고 무작정 클론코딩에 뛰어들었는데 한번에 이해하기 어려운 부분이 많았다. 클론코딩이라고 작성한 코드에는 네이버 웹페이지의 HTML/CSS코드들을 베껴와 내 것이 아닌 코드들로 이루어져 있어서 자꾸만 나를 속이는 기분이 들었다. 군대를 전역하고 배우려는 의지와 열정이 타오르고 있다. 그러던 와중에 떠오른 것이 이대로 말만 떵떵거리다가는 알맹이가 비어있는 상태가 될 거 같았다. 정말로 성공이란 걸 하려면 어떤 것이 필요할까 고민하던 중 실질적으로 내가 프로젝트를 오로지 내 힘으로, 내가 만든 코드들로 엮여내야 내 프로젝트로써의 가치를 가진다는 생각이 들었다. 그래..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/1UNYw/btsCg1uYovB/DwRc1aNoPH3pSl127AoWCK/img.png)
Holy Grail Layout을 이번에는 flex가 아닌 float를 이용하여 구현해보았다. Header Web C/C++ Java python 애플은 이번 조치가 애플워치9과 애플워치 울트라2에만 적용된다고 설명했다. 혈중 산소 측정 기능이 없는 애플워치SE 모델은 계속 판매될 예정이다. 애플워치 주요 모델 판매 중단은 혈중 산소 측정 기술 특허를 둘러싼 의료기술회사 마시모(Masimo)와 특허 분쟁 때문이다. 지난 10월 말 미 국제통상위원회(ITC)는 애플이 의료기술업체 마시모의 특허를 침해했다고 최종 결정하고, 애플워치 일부 모델의 미국 내 잠정적 수입 금지 조치를 명령한 바 있다. 해당 조치는 조 바이든 미국 대통령이 12월 25일까지 ITC의 결정을 재검토하도록 지시할 수 있으나, 과거 대통..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/EzpBM/btsCk7HHYdG/r3dHKlS7wVR7rzgqxYDbE1/img.png)
Holy Grail Layout은 많은 웹 사이트에서 사용되고 있는 기본적인 구조입니다. 예전에는 CSS에 기능들이 많지 않아 Holy Grail Layout을 구현하는 것이 굉장히 어려운 것으로 여겨졌으나 현재는 많은 CSS 기능들이 나와 비교적 손쉽게 이 Holy Grail Layout을 구현할 수 있게 되었습니다. 이번 게시글에서는 Holy Grail Layout을 display : flex를 사용하여 구현하였습니다. HEADER Web C/C++ Java python 애플은 이번 조치가 애플워치9과 애플워치 울트라2에만 적용된다고 설명했다. 혈중 산소 측정 기능이 없는 애플워치SE 모델은 계속 판매될 예정이다. 애플워치 주요 모델 판매 중단은 혈중 산소 측정 기술 특허를 둘러싼 의료기술회사 마시모..