Ben의 프로그램

소프트웨어 생명 주기? 소프트웨어는 요구사항을 분석해서 설계한 이후 개발 및 유지보수 과정을 겪게 되는데, 이러한 과정을 단계별로 나눈 것을 소프트웨어 생명 주기라고 합니다. 소프트웨어 생명 주기 모형 이러한 소프트웨어 생명 주기에 속하는 모형으로는 크게 4가지가 있습니다. 폭포수 모형 프로토타입 모형 나선형 모형 애자일 모형 폭포수 모형 (Waterfall Model) 폭포수 모형? 폭포수 모형은 폭포수가 단계적으로 떨어져 내려오는 것처럼 한 단계가 완전히 끝나야만 다음 단계로 넘어가는 개발 방법론이다. 폭포수 모형의 특징 - 가장 오래된 소프트웨어 생명 주기 모형이다. - 오래된 만큼 고전적 생명 주기 모형이라고도 함. - 오래된 만큼 많은 사례가 있어서 참고할 자료가 많음. 나선형 모형 (Spira..

function helloFunc() { console.log(1234); } helloFunc(); function returnFunc() { return 123; } const result = returnFunc(); console.log(result); 함수를 사용할 때는 () 로 실행시킨다. java 에서의 함수처럼 return 값을 줄 수 있는 것을 확인할 수 있다. 또한 java 에서는 함수를 생성할 때 return type 을 지정해주었어야 했는데 여기서는 그렇지 않은 것을 알 수 있다. js 에서는 변수의 자료형을 지정하지 않는 것처럼 return 값이 있더라도 return 값을 지정해주지 않는다. 익명함수라는 것은 변수에 함수를 대입하는 것을 의미한다. js 에서는 함수 자체도 데이터로 ..

연산자, 자료형 간단히 살펴보기 console.log(1 == "1"); // 값만 비교 console.log(1 === "1"); // 값과 자료형까지 비교 console.log(typeof '42'); // String console.log(typeof 42); // number console.log(typeof 1.123); // number console.log(typeof true); // boolean console.log(typeof function(){}); // function console.log(typeof undefined); // undefined console.log(typeof null); // objcet console.log(typeof {}); // objcet conso..

console.log('안녕하세요') DOCTYPE html> Document 화면에 출력되는 것은 없어도, console 창에 정상적으로 출력되는 것을 보면 js 가 html 과 성공적으로 연결된 것을 확인할 수 있다. 웹 브라우저의 콘솔창에 자바스크립트 코드를 바로 실행할 수 있다. 다만 엔터키로 줄바꿈이 되지 않기 때문에 복잡한 코드를 작성하기 어렵다. 웹 브라우저의 Sources 탭에서는 디버깅도 가능하다. 기존 디버깅 도구처럼 브레이크 포인트를 거렁가면서 변수들을 확인해나갈 수 있다. 브레이크 포인트를 걸어준 다음 디버깅 도구들을 활용해서 디버그를 진행할 수 있다. Watch 를 사용하면 변수의 변화 상황을 살펴볼 수 있다. 이클립스에서 디버깅하는 것과 완벽히 같은 역할을 수행한다. 모든 언어의..

유형 1. 영문 Full-name 영문 Full Name 으로 작성하라는 조건이 제시되면 반드시 답안을 영문 Full name 으로 작성해야 합니다. 대소문자는 구분하지 않으나, 스펠링에 유의하여 답안을 작성해야 한다. 유형 2. 영문 약어 영문 약어는 영어 줄임말로 작성하라는 뜻인데, 한글로 작성하거나 영문 Full name 으로 작성하면 오답으로 처리될 수도 있으니 주의합니다. 유형 3. 작성 조건이 제시되지 않은 경우 한글, 영문 약어, 영문 Full name 어떤 것으로 답안을 작성하여도 상관은 없으나 한글, 영문 약어가 오류 가능성이 적기 때문에 유리한 측면이 있다. 유형 4. 제시된 답안 수량이 있는 경우 A 개념의 특징 2가지를 쓰시오. 라는 질문이 있다면 답안으로 2개만 작성하는 것이 유리..

Flex 가 등장한 이유 mozila 재단에서 운영하는 문서에 따르면 Flexible Box, Flex Box 라고 불리는 Flex 는 1차원 레이아웃 배치를 위한 모델이라고 설명하고 있습니다. 여기서 말하는 1차원 레이아웃 이라는 말의 의미는 Grid 의 2차원 레이아웃과는 대조되는 개념입니다. 왜냐하면 Flex 는 row 혹은 column을 동시에 제어할 수 있는 Grid 와는 달리 주축을 중심으로한 제어의 기능을 수행하기 때문이라고 설명하고 있습니다. 아무튼 1차원 레이아웃 모델인 Flex 는 레이아웃 배치 전용 기능으로 개발되었는데, 그 이전에는 레이아웃을 만들 때 쓸 수 있는 기능이 마땅치 않았기 때문에 float 이나 inline-block 등을 이용한 방식을 보완하기 위한 목적이었습니다. F..

DOCTYPE html> Document div { width: 500px; height: 300px; margin: 20px; border: solid 1px; } .img_div { background-image: url('https://i.ibb.co/3493r17/cat.jpg'); } #div1 { background-color: yellow; } #div3 { background-repeat: repeat-x; } #div4 { background-repeat: repeat-y; } #div5 { background-repeat: no-repeat; } #div6 { background-repeat: no-repeat; background-position: top right; } #div7 {..

우리는 HTTP 에 대해서 필수적인 것들에 대해서 알아보았습니다. 더 자세한 것들을 지금 당장 알아볼 필요는 없습니다. 왜냐하면 여러분은 궁금한 것을 스스로 찾을 수 있는 교양을 얻었기 때문입니다. 그럼 지금부터 여러분들이 궁금해할 만한 정보들을 알려드리겠습니다. HTTP 와 HTTPS 의 차이를 아시나요? SSL 을 이용하고 있는 HTTPS 는 Secure로 안전하다는 것을 의미합니다. HTML 이 처음 나왔을 때 웹은 위험하지 않았습니다. 사람들은 웹을 통해서 심각한 정보를 다루지 않았거든요. 30년이 지난 지금 우리는 군사, 금융, 사생활과 같은 정보들을 웹을 통해서 다루게 되었습니다. HTTP 를 통해서 통신을 하고 있다면 누군가 여러분의 정보를 보고 있는 것으로 간주하셔야 합니다. 하지만 HTT..

이번 시간에는 지난 시간에 Request message 에 대해서 살펴보았다면 이번 시간에는 Response message 에 대해서 살펴보겠습니다. 구글에 HTTP Response Header Format 이라고 검색하니까 위와 같은 그림이 하나 나옵니다. Status 는 상태라는 것이구요. 서버가 응답했을 때 잘 수행되었는지 여부에 대해 알려줍니다. HTTP version 한칸 띄고 Status code 라는 것은 응답 결과에 대한 내용이고 한칸 띄고 phrase 는 응답 결과 코드를 사람이 이해하기 쉽도록 풀어서 쓴 것을 의미합니다. 그림의 아래에 있는 내용들이 응답 코드들에 대한 내용입니다. 실제로 코드를 살펴보겠습니다. HTTP 1.1 을 사용하고 있다는 것을 확인할 수 있습니다. 그 다음은 s..

이번 시간에는 웹 서버와 웹 브라우저가 주고받는 정보를 조금 더 자세하게 들여다 보려고 합니다. 위와 같이 Request Headers 에서 첫 행을 Request Line 이라고 합니다. 아래에 있는 정보들은 Request Headers 라고 합니다. Request Line 과 Request Headers 를 합쳐서 Request Message Header 라고 합니다. 서버 쪽으로 전송해야 할 정보가 있다면 정보는 실제 정보인데 그런 것을 Body 라고 합니다. Body 와 Header 는 blank line 을 두어서 구분합니다. GET 은 웹 서버로부터 정보를 가져올 때 쓰는 것입니다. 로그인 할 때 정보를 전달하는 것은 POST 라고 합니다. 아무튼 우리의 Request Line 을 살펴봅시다...