일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- staging area
- working directory
- pagination
- Git
- cron
- SQL
- javascript
- ubuntu
- Wordpress
- ruby
- centOS7
- react
- dockerfile
- MySQL
- docker
- props
- Ruby On Rails
- controller
- imagemagick
- Python
- ec2
- php
- vue
- docker-compose
- NGINX
- linux
- laravel
- Selenium
- AWS
- codeigniter4
- Today
- Total
목록IT 공부/Laravel (18)
내가 한 노력들
전체적인 화면 간단하게 화면 구성은 상단의 Header 부분 카테고리를 변경할 수 있는 좌측의 Navbar 부분 메인 컨텐츠를 보여주는 중앙 Contents 부분 실제 Vue Components는 더욱 세부적으로 나뉘어져 있음 중요 기능 To Do 작성 새롭게 To Do를 추가할 수있는 기능 중요 관리 List 옆에 별모양을 클릭함으로써 중요 / 중요 x 처리를 할 수 있다. 그리고, 중요표시 한 것은 자동으로 List에서 자동적으로 맨위로 위치를 변경 시켜준다 . 또한, 중요 카테고리를 통해서 중요처리한 To Do만을 확인하고 관리하는 것도 가능 그룹 관리 Nav에서 그룹을 선택할 수 있음 그룹 생성이라는 버튼을 누르게 되면 Modal창이 나오게되어, 그룹을 생성할 수 있다. 상세설정 디테일 화면에서는..
Jetstream 설치하기 composer require laravel/jetstream php artisan jetstream:install inertia inertia라는 stack을 사용하겠다. 서버를 동작시키고 웹페이지로 확인해 보면, 우측상단에 Login과 Register가 생긴 것을 확인할 수 있다. Jetstream을 설치하면, 자동적으로 tailwind까지 설치되어 적용되는 것을 확인 할 수 있다. Email인증 회원가입 회원가입을 할 경우, Email을 인증해야지만 가입이 가능하도록 하기 위해서는 Jetstream의 기능을 사용하면, 쉽게 구현 할 수 있다. User.php class User extends Authenticatable implements MustVerifyEmail 우선..
방법은 유저 ID를 클릭해서 블라인드 추가를 누르면 된다. 블라인드 추가 블라인드 추가를 했을때, GET방식을 이용해서 해당 유저의 ID값을 전송한다. Route::get('/blind/{id}', [BlindController::class, 'add_blind'])->name('blind'); 그러면 설정해준 Route에 의해서 BlindController 클래스의 add_blind 함수를 동작시킨다. public function add_blind($id) { $blind_user = Blind_user::where('user_id', auth()->id())->where('target_id', $id)->first(); if($blind_user==null){ $values['user_id'] = a..
지난번에 만들어놓은 친구추가기능에서 조금 변경을 했다. 원래는 작성자의 아이디를 클릭하면 아코디언 패널이 나타나서 친구추가를 누르면 바로 친구추가가 되는 기능이었다. 이번에 변경한 점은 친구추가를 누르게되면 상대방에게 친구요청이 가게되고, 상대방이 친구요청 수락을 누르게되면 친구가되는 형식이다. Migration 생성 Schema::create('request_friends', function (Blueprint $table) { $table->id(); $table->foreignId('from'); $table->foreignId('to'); $table->foreign('from')->references('id')->on('users')->onDelete('cascade'); $table->fore..
이제 input text를 이용해서 메세지를 입력했을 때, DB에 저장하는 기능을 만듦 메세지 DB에 저장하기! Chat.vue data() { return { chatWith: null, text: '', messages: [] } }, data() 에 DB에 저장될 메세지인 text를 지정해준다. input 태그에 v-model="text"가 의미하는 것은, input의 text와 vue data()의 text를 연동시켜준다 input에서 값이 입력되면 실시간으로 vue data의 text값도 동일하게 바인딩이 된다. @keyup.enter="submit" 그리고 keyup.enter 엔터를 누르고 땟을 때, submit 메소드를 실행 submit() { if(this.text){ axios.post..
created() { //axios는 아작스 리퀘스트를 쉽게 보낼 수 있도록 만들어진 패키지 //api.php에 만들어둔 Route axios.get('/api/users').then(res => { console.log(res); //this.users -> date() 안에 있는 users에 접근 //res.data.user -> 가져온 값 res의 data안에 users안에 있는 값을 가르킴 this.users = res.data.users; }).catch(error => { console.log(error); }); }, 유저목록을 가져오기위해서는 Laravel에서 제공하는 axios를 이용해서 리퀘스트를 주고 받을 수 있다. get('/api/users)를 통해서 api.php에 만들어놓은 r..
resources/js/app.js Vue.component('the-chat', require('./components/Chat.vue').default); Laravel에서 component를 보다 쉽게 사용할 수 있도록 설정이 되었다. 위의 설정되어있는 대로, 태그를 이용하면 components/chat.vue가 불러와지는 것이다. components/Chat.vue import ChatUserList from './ChatUserList'; import ChatArea from './ChatArea'; components: { ChatUserList, ChatArea } vue파일의 script문에 위와 같이 설정을하면, 다른 vue파일을 component로 불러올 수 있게 된다. 그러면 위 처럼..
저번에 실습했던 아코디언 패널을 이용해서, 게시글 작성자의 아이디를 클릭했을 때, 아코디언 패널이 나오면서 친구추가/쪽지보내기 등등 기능을 사용할 수 있도록 만들었다. 게시글을 볼 수 있는 화면이다. 우측상단에 있는 작성자의 아이디를 클릭하면 아코디언 패널이 나온다. CSS를 통해서 그래도 사람처럼 보이게 꾸며놨다. 친구추가를 누르게되면 좌측 상단에 친추성공!이라는 알람메세지가 나오게 된다. 그리고 DB에도 현재 접속중인 유저의 id와 게시글 작성한 사람의 id 정보가 저장된다. 이것을 코드로 보게되면 VIEW(resources/view/forum/show.blade.php) 著者 {{ $forum->user->name }} 친구추가 쪽지보내기 asdasd asdasd 우선 작성자를 클릭했을 때, 아코디..