반응형

 

객체지향 프로그래밍(OOP)은 복잡한 소프트웨어를 더 쉽게 설계하고 관리할 수 있게 해주는 프로그래밍 패러다임입니다. 실제 세계의 개념을 모델링하여 코드를 구조화하는 방식으로, 다음과 같은 주요 개념을 포함합니다:

## 객체와 클래스

- **객체**: 실제 세계의 물건이나 개념을 표현한 것입니다. 예를 들어, '자동차'라는 객체가 있을 수 있습니다.
- **클래스**: 객체를 만들기 위한 '설계도'입니다. '자동차' 클래스는 모든 자동차 객체의 공통적인 특성과 기능을 정의합니다.

// 클래스
class Car {
    public $brand;
    public $color;

    public function __construct($brand, $color) {
        $this->brand = $brand;
        $this->color = $color;
    }

    public function getInfo() {
        return "This is a {$this->color} {$this->brand}.";
    }
}

// 인스턴스(객체) 생성
$myCar = new Car("Toyota", "red");
echo $myCar->getInfo(); // 출력: This is a red Toyota.



## 주요 특성

1. **캡슐화**
   - 데이터(속성)와 그 데이터를 처리하는 메서드를 하나의 단위로 묶는 것입니다.

class BankAccount {
    private $balance = 0;

    public function deposit($amount) {
        if ($amount > 0) {
            $this->balance += $amount;
        }
    }

    public function getBalance() {
        return $this->balance;
    }
}

$account = new BankAccount();
$account->deposit(100);
echo $account->getBalance(); // 출력: 100



2. **상속**
   - 기존 클래스의 특성을 새로운 클래스가 물려받는 것입니다.
   - 예: 'ElectricCat' 클래스는 'Car' 클래스의 특성을 상속받아 기본 기능을 유지하면서 추가 기능을 구현합니다.

class ElectricCar extends Car {
    private $batteryLevel;

    public function __construct($brand, $color, $batteryLevel) {
        parent::__construct($brand, $color);
        $this->batteryLevel = $batteryLevel;
    }

    public function getBatteryInfo() {
        return "Battery level: {$this->batteryLevel}%";
    }
}

$myElectricCar = new ElectricCar("Tesla", "blue", 80);
echo $myElectricCar->getInfo(); // 출력: This is a blue Tesla.
echo $myElectricCar->getBatteryInfo(); // 출력: Battery level: 80%



3. **다형성**
   - 같은 이름의 메소드가 다른 클래스에서 다르게 동작할 수 있는 능력입니다.
   - 예: 'move' 메소드가 'Car'와 'Boat' 클래스에서 각각 다르게 구현될 수 있습니다.

interface Vehicle {
    public function move();
}

class Car implements Vehicle {
    public function move() {
        return "The car is driving on the road.";
    }
}

class Boat implements Vehicle {
    public function move() {
        return "The boat is sailing on the water.";
    }
}

function transport(Vehicle $vehicle) {
    echo $vehicle->move();
}

$car = new Car();
$boat = new Boat();

transport($car);  // 출력: The car is driving on the road.
transport($boat); // 출력: The boat is sailing on the water.



4. **추상화**
   - 복잡한 시스템에서 핵심적인 개념이나 기능을 간추려내는 것입니다.

abstract class Shape {
    abstract public function calculateArea();
}

class Circle extends Shape {
    private $radius;

    public function __construct($radius) {
        $this->radius = $radius;
    }

    public function calculateArea() {
        return pi() * $this->radius * $this->radius;
    }
}

class Square extends Shape {
    private $side;

    public function __construct($side) {
        $this->side = $side;
    }

    public function calculateArea() {
        return $this->side * $this->side;
    }
}

$circle = new Circle(5);
$square = new Square(4);

echo $circle->calculateArea(); // 출력: 약 78.54
echo $square->calculateArea(); // 출력: 16



## OOP의 장점

- **코드 재사용**: 상속을 통해 기존 코드를 쉽게 재사용할 수 있습니다.
- **유지보수 용이성**: 객체 단위로 코드가 모듈화 되어 있어 수정이 쉽습니다.
- **확장성**: 새로운 클래스를 추가하거나 기존 클래스를 수정하여 기능을 쉽게 확장할 수 있습니다.

객체지향 프로그래밍은 이러한 개념들을 활용하여 복잡한 소프트웨어 시스템을 더 체계적이고 효율적으로 구현할 수 있게 해 줍니다. 실제 세계의 개념을 프로그래밍에 적용함으로써, 개발자들은 더 직관적이고 관리하기 쉬운 코드를 작성할 수 있습니다.

반응형
반응형

 

Laravel 애플리케이션의 생명주기를 여행에 비유해 볼까요? 이 여행은 사용자가 웹사이트에 접속하는 순간부터 시작됩니다.

 


1. 여행의 시작

    - 사용자가 웹사이트 주소를 입력하면, 그 요청이 'Public/index.php' 파일에 도착합니다. 이것은 여행의 출발점입니다.

2. 짐 꾸리기

    - 애플리케이션은 필요한 모든 것을 준비합니다. 이과정을 '부트스트래핑'이라고 합니다.

3. 여행 가이드 만나기

    - 요청은 HTTP 커널이라는 '여행 가이드'를 만납니다. 이 가이드는 요청이 어디로 가야 할지 안내해 줍니다.

4. 여행 준비 점검

    - 서비스 프로바이더들이 데이터베이스 연결, 보안 설정 등 여행에 필요한 모든 것을 점검합니다. 

5. 길 찾기

    - 라우터가 요청이 가야 할 정확한 목적지(컨트롤러나 특정 기능)를 찾아줍니다.

6. 검문소 통과

    - 요청은 미들웨어라는 여어 '검문소'를 통과합니다. 각 검문소는 요청이 적절한지 확인합니다.

7. 목적지 도착

    - 요청이 컨트롤러에 도착합니다. 컨트롤러는 요청을 처리하고 필요한 작업을 수행합니다.

8. 응답 준비

    - 컨트롤러가 작업을 마치면, 사용자에게 보낼 응답을 준비합니다.

9. 여행의 종료

    - 준비된 응답이 사용자의 브라우저로 전송되며, 여행이 끝납니다.


 

이렇게 Laravel은 사용자의 요청을 받아서 처리하고, 그 결과를 다시 사용자에게 보내는 전체 과정을 체계적으로 관리합니다.

이 구조 덕분에 개발자는 각 단계에서 필요한 기능을 쉽게 추가하거나 수정할 수 있습니다.

반응형

'Web Programming > Laravel' 카테고리의 다른 글

[LARAVEL] 라라벨 디렉터리 구조  (0) 2021.10.18
반응형

css background-image 속성

1. 정의 및 사용

- background-image속성은 요소에 대해 하나 이상의 배경 이미지를 설정한다. 기본적으로 배경 이미지는 요소의 왼쪽 상단 모서리에 배치되며 세로 및 가로로 반복된다.

- 기본값 : 없음

- 상속 : No

- 애니메이션 가능 : No

- 버전 : CSS1 + CSS3의 새로운 값

 

2. css 구문과 속성

- background-image : url | none | initial | inherit;

- url('URL') : 이미지의 URL. 두개 이상의 이미지를 지정시 URL을 쉼표로 구분한다.

- none : 배경이미지가 표시되지 않는다(기본값).

- conic-gradient() : 원뿔형 그라디언트는 중심점을 중심으로 회전된 색상 전환이 있는 그라디언트이다. 최소한 두 개의 색상을 정의해야 한다.

- linear-gradient() : 선형 그래디언트를 배경 이미지로 설정한다. 최소한 두 개의 색상을 정의해야 하며 그라데이션 효과와 함께 시작점과 방향(또는 각도)을 설정할 수도 있다.

- radial-gradient() : 방사형 그래디언트를 배경 이미지로 설정한다. 최소한 두 개의 색상을 정의해야 한다.

- repeating-conic-gradient() : 원뿔 그래디언트를 반복하는 데 사용한다. 

- repeating-linear-gradient() : 선형 그래디언트를 반복하는 데 사용한다.

- repeating-radial-gradient() : 방사형 그래디언트를 반복하는 데 사용한다.

- initial : 기본 값으로 CSS 속성을 설정하는 데 사용된다.

- inherit : 부모 요소의 값을 상속받는다.

 

3. 예제

- conic-gradient

<style>
#grad1 {
  height: 200px;
  width: 200px;
  background-image: conic-gradient(red, yellow, green);
}
</style>

- linear-gradient

<style>
#grad1 {
  height: 200px;
  width: 200px;
  background-image: linear-gradient(red, yellow, green);
}
</style>

- radial-gradient

<style>
#grad1 {
  height: 200px;
  width: 200px;
  background-image: radial-gradient(red, yellow, green);
}
</style>

- repeating-conic-gradient

<style>
#grad1 {
  height: 200px;
  width: 200px;
  background-image: repeating-conic-gradient(red 10%, yellow 20%);
}
</style>

- repeating-linear-gradient

<style>
#grad1 {
  height: 200px;
  width: 200px;
  background-image: repeating-linear-gradient(red 10%, yellow 20%);
}
</style>

- repeating-radial-gradient

<style>
#grad1 {
  height: 200px;
  width: 200px;
  background-image: repeating-radial-gradient(red 10%, yellow 20%);
}
</style>

- inherit

<!DOCTYPE html>
<html>
<head>
<style>
span {
  color: blue;
  border: 1px solid black;
}

.extra span {
  color: inherit;
}
</style>
</head>
<body>

<div>
  Here is <span>a span element</span> which is blue, as span elements are set to be.
</div>

<div class="extra" style="color:green">
  Here is <span>a span element</span> which is green, because it inherits from its parent.
</div>

<div style="color:red">
  Here is <span>a span element</span> which is blue, as span elements are set to be.
</div>

</body>
</html>

반응형

'Web Programming > ----- CSS -----' 카테고리의 다른 글

[CSS] css 스타일 적용  (0) 2021.11.18
[CSS] css의 기본 문법  (0) 2021.11.10
[CSS] css 란 무엇인가?  (0) 2021.10.22
반응형

코드이그나이터 프레임웍 장단점

코드이그나이터 동작구조

1. 코드이그나이터 (codeigniter) 란

- php 기반의 오픈소스로 무료로 사용 가능한 framework이다. 가장 많이 사용하는 php framework로는 라라벨이지만 코드이그나이터 또한 다섯 손가락 안에 들 정도로 많이 사용하는 framework이다.

- 기본적으로 MVC 디자인 패턴을 기반으로 하고 있고 framework 중 설치도 간단하고 사용하기에도 쉽기에 많이 사용한다.

 

2. 장점

- 설치, 개발이 쉬운 편에 속한다. 웹 개발이 익숙하지 않은 사람도 쉽게 접근할 수 있는 장점이 있다.

- 가벼운 프레임워크로 다른 프레임워크와 비교해 봤을 때 속도가 빠른 장점이 있다.

- url과 파일명이 직관적으로 연결되어 있어 파일 찾기에 용의 하다.

- 다양한 라이브러리를 통합할 수 있다.

 

3. 단점

- 규모가 큰 웹사이트에 적합하지 않다.

- 다양한 라이브러리를 통합할수 있지만 제한적이다.(공식적으로 검증된 플러그인을 찾기가 어렵기 때문)

반응형
반응형

CSS 스타일 적용

1. Inline Style Sheet 인라인 스타일

- 스타일을 주고자 하는 view파일 내에 style속성을 넣는 방식

- 인라인 스타일의 css 적용은 내가 원하는 선택자에 빠르게 적용할 수 있다는 장점이 있지만 많은 부분에 css를 적용하는 데에는 한계가 있으며 재사용도 불가능하다는 단점이 있다.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Inline Style Sheet 적용 예제</title>
  </head>
  <body>
      <p style="color:blue">글자색 변경하기</p>
  </body>
</html>

 

2. Internal Style Sheet 내부 스타일

- 스타일을 주고자 하는 view파일 내에 스타일을 정의하는 방식

- view파일 내에 스타일을 정의하기 때문에 여러 개의 파일을 만들 필요도 업로드할 필요도 없는 장점이 있지만 같은 파일 내에 정의하기 때문에 파일의 사이즈와 로딩 시간을 증가시키는 있는 단점이 있다.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Internal Style Sheet 적용 예제</title>
    <style type="text/css">
        p{color:red}
    </style>
  </head>
  <body>
      <p>글자색 변경하기</p>
  </body>
</html>

 

3. External Style Sheet 외부 스타일

- 스타일이 정의된 파일을 별도로 생성하여 해당 파일을 불러와 스타일을 적용하는 방식

- 일반적으로 많이 쓰는 방식이며 css코드가 별도의 문서로 있어 view파일 구조가 깔끔해지고 유지보수 시 또는 협업을 할 때도 css파일만 수정하면 되기 때문에 효율을 극대화시키는 장점이 있고 크로스브라우징에 따라 권장하는 방식으로 전체 페이지를 잘 구조화하여야 하고 여러 개의 파일을 사용해야 하므로 파일 관리가 잘 이루어져야 하여 복잡할 수 있는 단점이 있다.

/* externalStyle.css 파일 생성 */
p{color:yello}
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>External Style Sheet 적용 예제</title>
    <link rel="stylesheet" type="text/css" href="externalStyle.css" />
  </head>
  <body>
      <p>글자색 변경하기</p>
  </body>
</html>
반응형

'Web Programming > ----- CSS -----' 카테고리의 다른 글

[CSS] css background-image 속성  (0) 2021.11.25
[CSS] css의 기본 문법  (0) 2021.11.10
[CSS] css 란 무엇인가?  (0) 2021.10.22
반응형

CURL 통신

1. curl

- curl 통신 이란 다양한 종류의 프로토콜을 사용하여 서버와 통신할 수 있도록 도와주는 모듈이다.

- HTTPS뿐 아니라 HTTP GET, POST, PUT 등의 프로토콜을 사용이 가능하고 파일 업로드 Proxy, Cookie 그리고 사용자 인증 기능도 제공하는 모듈이다.

 

2. curl 설치

- curl모듈이 설치되지 않았을때 curl을 사용하려 하면 아래와 같은 오류를 볼 수 있다.

Fatal error: Call to undefined function curl_init()

- 리눅스를 사용하는 경우, 아래와 같이 sudo 명령어를 이용해 curl모듈을 설치한다.

sudo apt install php-curl

3. curl 사용

- GET통신 기본

//접속 할 URL을 지정
$url = "https://www.naver.com";

//cURL 세션 초기화
$ch = curl_init();

//URL과 옵션을 설정
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); // 요청결과를 문자열로 반환

//cURL 실행
$res = curl_exec($ch);

//세션을 종료
curl_close($ch);

- POST통신 기본

//접속 할 URL을 지정
$url = "https://www.naver.com";

//전송할 데이터를 설정
$param = array('key' => 'data');

//cURL 세션 초기화
$ch = curl_init();

//URL과 옵션을 설정
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); // 요청결과를 문자열로 반환

curl_setopt($ch, CURLOPT_POST, true); // POST 전송 여부
curl_setopt($ch, CURLOPT_POSTFIELDS, $param); // POST DATA

//cURL 실행
$res = curl_exec($ch);

//세션을 종료
curl_close($ch);

- 통신시 옵션

// curl 통신시 옵션은 curl 세션 초기화와 curl 실행 사이에 옵션을 추가하여 사용한다.
// 아래의 옵션외에도 많은 옵션들이 있다.(참고 : https://www.php.net/manual/en/function.curl-setopt.php)

curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 10); // connection timeout : 10초
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE); // 원격 서버의 인증서가 유효한지 검사 여부
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE); // 인증서의 일반 이름 필드 또는 주체 대체 이름 필드가 제공된 호스트 이름과 일치 여부
curl_setopt($ch, CURLOPT_SSLVERSION,1); // SSL 버전(가장 좋은 방법은 이것을 설정하지 않고 기본값을 사용하는 것입니다. SSLv2 및 SSLv3의 알려진 취약점을 감안할 때 2 또는 3으로 설정하는 것은 매우 위험)

curl_setopt($ch, CURLOPT_HTTPHEADER, $send_header); // HTTP 헤더 필드의 배열 (array('Content-type: text/plain', 'Content-length: 100'))
반응형
반응형

css의 기본 문법

1. css 기본규칙

- css의 기본규칙은 선택자(selector) 부분과 선언부(declaration) 부분으로 구성되고 선언부는 다시 속성(property)과 속성 값(value)으로 나눌 수 있다.

 

 

- 선택자 영역에는 css를 적용하여 스타일을 지정할 HTML요소를 가리키는데 HTML 요소, 아이디(id) 선택자, 클래스(class) 선택자, 그룹(group) 선택자등이 있다.

- 선언부 영역에는 세미콜론으로 구성된 하나이상의 선언이 있어야 하고 선언은 콜론으로 구분된 css속성이름과 값이 포함된다. 여러개의 선언은 세미콜론으로 구분되고 모든 선언을 중괄호로 묶는다.

ex)

/* 
선택자 : table 요소 선택자 
선언부 : background-color속성의 red속성값 선언
*/
p { background-color: red; }
<p>이부분의 스타일을 지정</p>

/* 
선택자 : 아이디(id) 선택자 
선언부 : background-color속성의 blue속성값 선언
*/
#cssIdTest { background-color: blue; }
<div id='cssIdTest'>이부분의 스타일을 지정</div>

/* 
선택자 : 클래스(class) 선택자 
선언부 : background-color속성의 yellow속성값 선언
*/
.cssClassTest { background-color: yellow; }
<div id='cssIdTest' class='cssClassTest'>이부분의 스타일을 지정</div>

/* 
선택자 : 그룹(group) 선택자 
선언부 : color속성의 navy속성값 선언
선언부 : text-align속성의 center속성값 선언
선언부 : background-color속성의 grey속성값 선언
*/
h1 { color: navy; }
h1, h2 { text-align: center; }
h1, h2, p { background-color: grey; }
<h1>이부분의 스타일을 지정</h1>
<h2>이부분의 스타일을 지정</h2>
<p>이부분의 스타일을 지정</p>

 

2. css 적용 우선순위

- 기본적으로 선언 순서대로 적용되지만 선택자와 삽인된 위치에 따라 우선순위가 달라진다.

- 우선순위 : !important > 인라인 스타일(Inline style) > 아이디(id) 선택자 > 클래스(class), 추상클래스 선택자 > tag 선택자

반응형

'Web Programming > ----- CSS -----' 카테고리의 다른 글

[CSS] css background-image 속성  (0) 2021.11.25
[CSS] css 스타일 적용  (0) 2021.11.18
[CSS] css 란 무엇인가?  (0) 2021.10.22
반응형

자바스크립트 형 변환

1) 숫자형으로 변환

- 자바스크립트에서 숫자형으로의 변환은 parseInt()와 Number()가 있는데 이 두 함수는 숫자형으로의 변환해주는 함수라는 공통점이 있지만 약간의 다른 점이 있다. 아래 예제를 보면 이해가 쉽다.

ex)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
// 1. '01'이라는 문자
let strNum = '01';
console.log(parseInt(strNum)); // 결과 : 1
console.log(Number(strNum)); // 결과 : 1
 
// 2. '2021년'이라는 문자
let strNum = '2021년';
console.log(parseInt(strNum)); // 결과 : 2021
console.log(Number(strNum)); // 결과 : NaN
 
// 3. '제 10회'라는 문자
let strNum = '제 10회';
console.log(parseInt(strNum)); // 결과 : NaN
console.log(Number(strNum)); // 결과 : NaN
 
// 4. '12.312'라는 문자
let strNum = '12.312';
console.log(parseInt(strNum)); // 결과 : 12
console.log(parseFloat(strNum)); // 결과 : 12.312
console.log(Number(strNum)); // 결과 : 12.312
cs

- 예제에서 볼 수 있듯이 두 개의 함수는 변환하려는 변수의 형태에 따라 다른 결과값으로 반환하는 것을 볼 수 있다. 따라서 어떤 변수를 어떤 형태로 반환하려는지의 상황에 따라 다르게 사용해야 한다.

 

2) 문자형으로 변환

- 문자형으로의 변환은 String()을 사용한다.

ex)

1
2
3
4
var num = 440;
console.log(num + ' of type is ' + typeof(num)); // 결과 : 1300 of type is number
str = String(num); //date type conversion
console.log(str + ' of type is ' + typeof(str)); // 결과 : 1300 of type is string
cs

 

3) 논리형으로 변환

- 논리형으로의 변환은 Boolean()을 사용한다.

ex)

1
2
3
4
let num = 1;
console.log(num + ' of type is ' + typeof(num)); // 결과 : 1 of type is number
let bool = Boolean(num); //date type conversion
console.log(bool + ' of type is ' + typeof(bool)); // 결과 : true of type is boolean
cs

 

반응형
반응형

클래스(Class)와 객체(Object)의 기본

1) 클래스(Class)란 무엇인가

- 클래스(Class)는 객체(Object)를 만들기 위한 설계도이다.

- 우리가 이해할 수 있는 사물로 대입해본다면 객체의 상태는 프로퍼티(property), 행동은 메서드(method)로 표현할 수 있다.

 

2) 클래스의 기본규칙

- class 다음 클래스명을 적고 클래스 전체를 중괄호로 묶는다

- 클래스의 내부에 프로퍼티와 메서드가 정의된다.

- 프로퍼티는 보통 클래스의 상단에 정의되지만 위치는 상관없다.

- 프로퍼티와 메서드가 정의될 때 private, public이라는 접근제어자가 붙어있는데 이것은 클래스 외부에서 접근이 가능한지를 나타낸다.

 

3) Naming Convention

- 클래스명은 대문자로 시작하며 여러 단어로 구성될 경우 언더바(_)를 사용하여 분리하고 각 단어의 첫 글자를 대문자로 사용한다.

ex) Car, Car_Custom

- 프로퍼티와 메서드는 소문자로 시작하고 여러 단어로 구성될 경우 붙여서 적으며 첫 단어를 제외한 단어를 대문자로 사용한다.

ex) $wheels, $carWeels

- 프로퍼디와 메서드가 private인 경우 첫자를 언더바(_)를 사용한다.

ex) private $_car;

- 관습적인 규칙이며 반드시 따라야 하는 것은 아니다.

 

4) 예제

// Car 클래스
class Car
{
    // 프로퍼티(멤버변수)
    public $wheels;
    public $doors = 4;
    protected $color = 4;
    private $_size;
    private $_company;
    
    // 메서드
    public function run() {
        return "자동차가 달립니다.";
    }
    protected function stop() {
        return "자동차가 멈춥니다.";
    }
    protected function turn() {
        return "자동차가 회전합니다.";
    }
}

// 클래스 Car라는 myCar 인스턴스 생성
$myCar = new Car();

// Car 클래스의 프로퍼티 사용
echo $myCar->doors; // 결과값 : 4

// Car 클래스의 메서드 사용
echo $myCar->run(); // 결과값 : 자동차가 달립니다.
반응형
반응형

https://www.inflearn.com/course/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B8%B0%EC%B4%88

 

[무료] 코딩 입문 - 하다 보니 알게 되는 자바스크립트 - 인프런 | 강의

자바스크립트로 코딩 입문하기, 내 첫 프로그래밍, 자바스크립트로 쉽고 가볍게! [사진] ☝🏻 Programming, Script 그리고 Markup 언어에서 가장 많이 사용하는 자바스크립트(JavaScript)로 코딩 배워보실

www.inflearn.com

 

코딩 입문 - 하다 보니 알게 되는 자바스크립트

13강 숨 고르기 (13/15)

14강 프런트엔드 개발자 (14/15)
- 프런트엔드 : 웹사이트들을 보거나 또는 앱 애플리케이션을 다운로드하여 사용할 때 사용자들은 잘 정돈된 레이아웃의 인터페이스를 볼 수 있다.
이러한 인터페이스를 기술분야에서는 프런트엔드라고 부른다.
- 프런트엔드 개발은 주로 웹 및 모바일 솔루션의 사용자 인터페이스(UI)와 사용자 경험(UX)을 만드는 데 초점을 맞추고 있다.
- 프런트엔드 언어 : HTML, CSS, JAVASCRIPT
- 프런트엔드 개발시 기술 : AngularJS, ReactJS, Bootstrap

15강 백엔드 개발자 (15/15)
- 백엔드 : 소프트웨어 개발 프로세스에서 서버 측 개발 분야
- 데이터를 저장하고 관리하며 웹사이트의 클라이언트 측에서 요청하는 데이터들을 매끄럽게 보여줄 수 있도록 한다.
- 백엔드 개발자 : 프런트엔드 영역의 요청을 받고 응답을 받는 사람들
- 백엔드 언어 : PHP, Node.js, JAVSCRIPT, C++, Java, Python
- 백엔드 개발시 기술 : Express, Laravel, C#

반응형

+ Recent posts