목록전체 (303)
처음부터 차근차근

React란 react란 자바스크립트 라이브러리의 하나로, 페이스북 회사에서 만들어졌다. react를 사용해서 모바일 애플리케이션 개발할 수 있다. React의 장점 1. 데이터 바인딩이 쉽다. 데이터 바인딩 : 서버에서 가져온 데이터를 자바스크립트를 이용해서 화면에 출력하는 것 서버에서 데이터를 받아온 뒤 변수에 저장하고 넣고 싶은 곳에다 { 변수명 } 해서 넣으면 된다. 기존의 자바스크립트로 데이터바인딩을 하면 document.getElement...이런식으로 코드를 써서 html코드에다가 삽입해야하는데 리액트는 그럴 필요가 없다. 2. html 코드를 내가만든 component사용해 줄여서 사용할 수 있다. React에는 component라는 문법이 있다. 이 문법을 좀 더 깔끔하게 코드를 정리할 ..
데이터베이스의 테이블은 테이블끼리 서로 관련되어 있다. 예를 들어 일대일, 일대다, 다대다 관계등이 있다. 모델관의 관계를 사용한다면 코드를 좀 더 간결하고 알아보기 쉽게 짤 수 있다. 일대일 User 모델 public function phone() { return $this->hasOne('App\Models\Phone'); } controller $books = App\Models\User::find(1)->phone; id가 1인 user의 phone을 구하기 일대다 User 모델 public function books() { return $this->hasMany('App\Model\Book'); // Book모델(books 테이블)과 일대다 관계 } controller //$books = Boo..

Form validation form validation은 안전을 위해 프론트쪽에서 한 번 거르고, 서버 측에서 한 번 더 거르는게 좋다. 왜냐하면 먼저 프론트에서 bootstrap 같은 라이브러리를 이용해 내용의 유효성을 검사해도, 사용자가 개발자 모드를 켜서 input text에 있는 required를 지우면 프론트에서의 유효성 검사는 뚫리게 되기 때문이다. 1. bootstrap을 이용해 유효성 검사를 한다. 2. 서버 측에서 하는 유효성 검사를 한다. 라라벨에서는 유효성 검사하는 기능을 제공한다. controller의 유효성 검사할 함수 public function store(Request $request) { // 유효성 검사 request()->validate([ 'title'=>'requir..
패키지 다운로드 프로젝트 파일에서 npm install을 하면 package.json의 devDependencies에 있는 패키지들을 설치 할 수 있다. webpack.mix.js에서 코드를 작성하면 css파일이나 js파일을 컴파일하여 사용할 수 있다. webpack.mix.js에 적혀있는 css or js 컴파일 하는 코드 npm run dev resource 폴더 안에 있는 css파일 js 파일이 컴파일 되면 public 폴더 밑에 새로 파일이 생긴다. 파일 명명 규칙 controller : 맨 앞 문자 대문자로, 단수형 ex) BookController model : 맨 앞 문자 대문자로, 단수형 ex) Book table : 복수형 ex) books migration : 날짜(자동으로 정해줌)_c..

artisan 명령어 모음 php artisan -V Laravel Framework 버전 출력 php artisan list or php artisan artisan 명령어 모두 보기 php artisan make:controller 컨트롤러파일명 controller 파일을 만든다. php artisan make:model 모델파일명 모델 파일을 만든다. php artisan make:model 모델명 -c -m 모델 파일을 만듦과 동시에 controller 파일과 migration 파일을 만든다. controller와 migration 파일명은 라라벨에서 추천하는 명명 방식으로 알아서 만들어줌. php artisan route:list 지금까지 만든 모든 라우팅 출력 resource 라우팅 php a..

블레이드 템플릿이란 개발자는 항상 코드의 중복을 없애야한다. 그래서 중복되는 코드를 블레이드 템플릿을 사용하여 없애면 깔끔하고 유지보수하기 쉽게 관리할 수 있다. 블레이드 템플릿이란 라라벨에서 제공하는 템플릿 엔진이다. 블레이드는 뷰에서는 순수한 PHP 코드를 없이 @를 이용해 작성할 수 있다. 블레이드 뷰 파일은 .blade.php 형식의 파일 확장자를 사용하고, resources / views 아래에 저장한다. 블레이드 템플릿 사용 레이아웃 레이아웃 파일(파일명.blade.php) @yield('content') @yield('title', 'ksyHome') @section('title')을 지정해 주지 않으면 기본값으로 ksyHome을 출력하겠다. 레이아웃 사용하는 파일(파일명.blade.php)..

Laravel이란 PHP의 프레임워크로, Laravel 설치와 서버 실행 Laravel을 설치하려면 먼저 Composer을 설치해야한다. Composer이란 PHP의 소프트웨어와 라이브러리의 의존성 관리를 위한 패키지 관리자이다. 필요한 확장 기능을 쉽게 설치할 수 있도록 해주고, 프로젝트에서 필요한 확장 기능을 통합해서 관리해준다. 1. Composer 설치 Composer 사이트 : https://getcomposer.org/ 2. laravel project 위치시킬 폴더 안에서 아래 명령을 쳐서 laravel을 설치함과 동시에 새로운 프로젝트를 만든다. composer create-project --prefer-dist laravel/laravel 프로젝트명 3. 방금 만든 프로젝트 폴더 안으로 ..
JDBC란 먼저 데이터베이스 드라이버에 대해서 알아보자. db 드라이버는 오라클의 SQL Driveloper, Mysql의 Workbench 같이 데이터베이스에 연결, 인증, 문장 실행, 결과패치 등의 기능을 가진 DB API이다. db 드라이버 안에는 쿼리 실행에 관련된 코드들이 모두 들어있다. jdbc란 데이터베이스 드라이버를 사용하는 것을 좀 더 편리하게 해주는 도구이다. 데이터베이스 드라이버들은 각자 내부적으로 다른 함수를 가지고 있어서 어떤 특정한 db 드라이버를 사용하려면 사용할 db 드라이버가 가지고 있는 함수들을 다 알아야하고, 맞춰서 써야한다. 그래서 데이터베이스를 변경하면 작성했던 코드들도 모두 변경해야한다. 이러한 번거로움을 없애주는 역할이 바로 jdbc이다. jdbc는 db를 바꾼다..