[세븐나이츠2] 세나2 토파즈 모으기 수급방법

고강화 장비를 만들기 위한 특수강화석은

 

토파즈 상점에서 판매를 하고 있습니다.

 

이 토파즈를 조금 더 효율적으로 얻을 수 있는 간단한 팁입니다.

 

 

팁은 결투장 돌릴때 일반전을 돌리기 전에 경쟁전을 먼저 돌려라! 입니다.

 

 

예를들어 지금 내가 결투장 4680점일떄

 

일반전을 먼저 돌려서 몇승몇패 하고난 후 4720점이 되었다고 하면

 

토파즈를 얻을수 있는 경쟁전에서 만나게 되는 상대는 최소 4700점 이상의 상대들입니다.

 

그러나 일반전을 돌리기 전에 즉 내가 4680점일떄 경쟁전에 들어가면

 

최소 4600점인 비교적 약한 상대를 만나게 됩니다.

 

 

전 이걸 모르고 일반전부터 돌리고 티어 올라간 후에 경쟁전 들어가서 항상 빡시게 2승3패 3승2패 이런식이었는데

 

아침에 경쟁전부터 돌리면 5승을 챙겨가기가 수월합니다.

 

 

 

REACT 길드에서 길드원 모집중입니다. 길드전 최소 인원인 15명~17명정도 채워지고 난 후부턴

 

가입컷을 둘 생각이니 그전에 빨리 가입해주세요~

 

현재 10명이서 길드업적 85%정도 채우고 있습니다.

 

 

[세븐나이츠2] 세나2 보통 5장 서큐버스 공략

많은 분들이 보통 5장 서큐버스에서 막히시는 분들을 위한 간단한 팁 입니다.

 
우선 전투력은 5만이면 깰 수 있다고 합니다.


서큐버스 보스는 3마리가 있고 공격형, 지원형 마지막으로 도발하는 서큐버스가 있습니다.

 



1. 지원형 보스 1점사



타겟 설정 커서로 지원형 타겟하고 시작하세요 결장에서도 그렇고 먼저 후방컷내면 이길 확률이 올라갑니다.

 


2. 서큐버스 차징 스킬

 


서큐버스 차징 스킬이 시전되면 일반적으로 광역 도발을 연계해서 사용 합니다.

이게 조건이 있습니다. 먼거리에 떨어져 있으면 사용하지 않고 일정범위에 들어 오면시전을 합니다.

이 적당한 범위를 인지하고 계셔야 합니다. 이건 몇번 트라이 해봐야 감이 잡히실거에요

 

3. 공격형 보스의 아군 힐러 및 딜러 타겟


보스를 잡다보면 도발을 전부 피하기가 어렵습니다.

도발맞고 이후 대처가 중요합니다.

도발이 끝나면 보스 이름 옆에 보스가 타겟한 캐릭터가 뜨는데 탱커가 아니라 딜러 혹은 지원형이라면

컨트롤을 해주셔야 합니다. 타겟팅된 캐릭터 선택하구 좀 멀리 떨어지고 도망가세요   

보스 이름 옆에 뜬 자신의 딜러 혹은 힐러 캐릭터를 타겟팅이 바뀔 때까지 각자 이동으로 하나씩 풀어주시면 돼요. 

예를 들어볼게요. 캐릭터는 루디, 세인, 샤이, 세레나로 하겠습니다. 

3-1 루디로 타겟이 되어 있는 경우

그냥 계속 지원형 1점사 하시면됩니다.



3-2 세인, 샤이, 세레나로 되어 있는 경우

타겟으로 설정된 캐릭터를 맵 구석으로 돌리면서 타겟이 바뀔 때까지 반복하시면 됩니다. 이 때 타겟이 바로 루디로 가면 좋겠지만 꼭 그렇지 않아요. 만약 타겟이바뀌었는데 루디가 아닌 위에 적힌 캐릭터로 바뀌었으면 그 캐릭터만 또 돌리시면 됩니다. 

혹은 도발이 있는 탱을 쓸경우 탱이 도발기를 사용할떄까지 버티시면 됩니다. 

 

여기까지 하셨으면 보통 지원형은 죽을겁니다. 다음은 잡고 싶으신거 잡으면 돼요. 3마리 일 때는 조금 버거운데 2마리는 잡기 쉽습니다. 

 



 

[세븐나이츠2] 세나2 무과금 소과금 초반 공략 방법




이 글은 세나2 무과금 소과금 유저를 위한 글 입니다.


1. 영웅(캐릭터)

세나2는 처음 시작할때의 4명의 영웅만 키우는 것이 아니라 4명을 주로 키우긴 하지만 8명을 필수적으로 키워야 하며, 

결국 후반에는 모두 키워야 하는 시스템을 가지고 있습니다.

리세마라로 전설 영웅을 뽑고 시작하는 것도 좋지만 과금을 많이 하는게 아닌 이상에야 초월이 불가능한 수준이라 차라리 희귀 영웅에 조금 더 힘을 실어주는 것이 좋습니다.



 


1) 숙련도


숙련도는 방치형필드, 시나리오, 레이드, 던전등 컨텐츠를 참여하게 되면 경험치를 획득하는데 숙련도 레벨을 달성하면

해당 영웅의 영혼석을 얻을 수 있습니다. 영혼석으로 초월,합성등에 사용이 가능 합니다.



 


2) 장비(분해)


퀘스트나 필드에서 얻은 장비는 분해하지 마시구 일단 캐릭터들에게 장착을 시키세요 계정 전투력이 올라가기 때문에

계정 전투력을 올리고 보상을 받는게 좋습니다. 자동장착 버튼을 이용하면 쉽게 장비들을 입힐수 있고 장비 교체후 남은 장비들을 분해하고 

주 캐릭터 장비는 초월에 쓰면 됩니다. 



 


3) 첫 희귀 선택권(중요)


세나2 튜토리얼을 다 완료 하면 희귀선택권을 주는데 부족한 포지션의 영웅을 뽑는게 좋습니다. 힐러가 없으면 세레나를 우선적으로 뽑아주시고

뽑기안하고 쭉 왔다면 일단 세레나를 뽑아주세요 그리고 케이드, 발데르중에 선택을 하시는게 좋습니다. 공격이라면 세인 사수는 주주를 추천 합니다.



4) 진형


진형은 각 진형에 따라 캐릭터를 배치하면 추가 스탯을 받습니다. 진형은 골드로 구할수도 있고 

던전에서 티켓과 골드를 이용해 진형을 강화해서 추가적인 스탯을 받을수 있습니다. 


 


5) 계정 전투력


획득한 영웅들중 주로 사용하지 않는 영웅들도 키워줘야 합니다. 3번 항목에서 말했듯 안스는 영웅의 전투력도 올려줘야 계정 전투력이 올라가서

전투력 보상을 받는게 훨씬 유리하기 때문입니다.


 



2. 루비 사용 및 과금


초반에 얻은 루비는 보통 영웅뽑기를 하는게 맞는데 어느정도 편성이 되면 그다음 루비를 어디에 사용할지 알려드리겠습니다.




1)펫 뽑기


전설 영웅뽑자고 몰빵하는것 보다 희귀 펫을 노리는게 전투력 상승효율이 더 좋습니다. 

고급펫에서 희귀펫으로 바꾸면 전투력 2500이 올라가고 회복같은 패시브 스탯이 증가합니다.


 


2) 가방 늘리기


자동위주의 게임플레이를 한다면 방치형 필드에서 키우는게 대부분인데요 필드에서 재료,장비들이 나오기 때문에 가방을 자주 비워줘야 합니다.

그럴때 가방확장을 해야 좀더 편한 플레이가 가능해 집니다. 가방을 늘릴때마다 필요한 루비가 많아지니 적당한 선에서 멈추시면 됩니다.


 


3) 지도


방치형 필드를 위해 필요한 필수템입니다. 레벨이 올라갈수록 필드 의존도가 높아져서 잡화상점에서 지도를 꼭 사놓으세요. 어차피 나중엔 지도빨입니다.


 


4) 패키지 구매


필수패키지가 있다면 설명하기 애매하지만

일단 소과금유저는 첫 결제보상으로 가장 싼거 구매하시고 가방이랑 지도를 우선적으로 사시는게 좋습니다.

그다음이 시나리오 달성 보상 패키지 입니다.

 


5) 결투장


결투장은 직접 컨트롤을 할수가 없습니다. 하지만 랭크 달성 보상이 좋아서 거의 필수 컨텐츠입니다.

세나2 결투장은 자동으로 돌릴수 있고 연승보상이 있어 쉽게 점수를 올릴수 있습니다. 시간마다 티켓을 꾸준히 소모해주세요

하루단위가 아니라 시간마다 충전되니까 꼭 충전될떄마다 진행하시는게 좋습니다.

최종보상으로 벨트를 주기 떄문에 아주 중요합니다. 새 시즌이 시작하면 전시즌 기준으로 점수가 재설정되니까 한번 빡시게 올라가면 

그 다음부턴 좀 편하게 할수 있습니다.


 


6) 일일 미션


일일미션은 성장던전 5, 4인레이드 2, 레이드 1, 무탑 1, 결장(일반) 10, 지도 20개 , 만물상점 2개구매, 결장(경쟁) 5번이 있습니다.

좀 많긴 하지만 매일 꾸준히 클리어해서 포인트를 모아주는것이 무소과금의 길입니다.


 


7) 방치형 필드


무소과금 유저는 방치형 필드 의존이 높습니다. 

메인퀘스트를 진행하면 필드가 열립니다. 자동사냥은 한단계 낮은곳에서 하는게 좋고 7장부터는 지도가 2개 1장은 3개가 필요합니다.

그만큼 보상의 질은 높아지고 1장부터 전설템 드롭 확률이 있습니다. 방치형필드를 돌기위해 가방확장과 지도구매 그리고 힐러를 팀에 넣는것은 필수 입니다.

[MSSQL] 날짜,시간 데이터 생성하기



날짜나 시간단위의 데이터가 로우로 들어 오는 경우


간혹 데이터 자체가 누락 되는 경우가 있다


시간 순서대로 보여줘야 하는데 데이터 누락으로 로우가 없어 데이터가 땡겨져버리는 경우가 있기 때문에


그런종류의 데이터는 별도로 시간이나 날짜 로우를 만들어 낸 후 거기에 끼워 맞추는 식으로 가져 온다.



oracle을 사용할때는 별 문제 없이 만들었는데


mssql에서는 날짜나 시간을 만들어 내는 쿼리를 몰라 한참을 해매다 알아낸 방법이다


1. 날짜+시간 단위 생성 방법


1
2
3
4
5
6
7
8
9
10
11
12
13
DECLARE @start_date DATETIME = '2018-07-12 00:00:00.000'-- 시작시간
DECLARE @end_date DATETIME = '2018-07-13 00:00:00.000'-- 
 
WITH    AllDays
          AS ( SELECT   @start_date AS [Date], 1 AS [level]
               UNION ALL
               SELECT   DATEADD(hour, 1, [Date]), [level] + 1
               FROM     AllDays
               WHERE    [Date] < @end_date )
 
 
     SELECT [Date], [level]
     FROM   AllDays OPTION (MAXRECURSION 0)
cs



1-1 결과값






위와 같이 쿼리를 짜주게 되면 해당 범위만큼의 날짜,시간을 생성해 준다



2. 날짜단위 생성방법


1
2
3
4
5
6
7
8
DECLARE @Date1 DATE, @Date2 DATE
SET @Date1 = '20150430'
SET @Date2 = '20150601'
 
SELECT DATEADD(DAY,number+1,@Date1) [Date]
FROM master..spt_values
WHERE type = 'P'
AND DATEADD(DAY,number+1,@Date1) < @Date2
cs


2-1 결과값






이런 결과를 얻어낼 수 있다.



와...


그런데 이거 포스팅하다가 실제로 프로젝트에 써야 하는 쿼리 실수로 날려먹음...



다시 짜야 되는데 스트레스 엄청받는다.


[제이쿼리] form의 내용을 한번에 오브젝트로 만들기



form 안의 input 데이터들을 ajax로 날려주거나 오브젝트로 만들어야 할때


하나하나 네임이나 id값으로 불러와서 만들기엔 너무나도 귀찮은 작업이다.


이걸 한번에 해결해 줄수 있는 방법에 대해서 알아보자



일단 제이쿼리 플러그인을 사용해야 한다



제이쿼리 시리얼라이즈 링크




사용 방법은


두가지가 있다


하나는 배열로 만들기 하나는 오브젝트로 만드는 방법






1. html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <form id="yameaForm">
    <input name="input1">
    <input name="input2">
    <input name="input3">
    <input name="input4">
    <input name="input5">
    <input name="input6">
  </form
</body>
</html>
cs



2. js


1
2
3
4
5
6
7
8
9
function makeObject(){
var param = $("#yameForm").serializeObject();
console.log(param);
}
 
function makeArray(){
var param = $("#yameForm").serializeArray();
console.log(param);
}
cs



위와 같은 방법으로 만들면 된다


짱편함


개편함


짱짱맨임


[검은사막 모바일] 게임 튕김 해결 방법





검은사막 플레이 하다 튕기는거 해결 방법 입니다.



핸드폰 디스플레이 해상도 설정을 좀 낮춰서 FHD로 하면



튕김현상 많이 사라짐

[검은사막 모바일] 초보 꿀팁 공략 알아두면 좋은 것들






1. 펫사료는 마을에 있는가축상인이 팔아요


일반사료도 팔고 은화로도 살수 있어요


펄로 사료사지 마세요 아까움






2. 무게 게이지 확인 하는 방법은 무게가 무거워지기 시작하면 HP바 바로 위에 주황색 느낌표 표시가 뜸 그거 보면 됨



주황색 마크 누르면 가까운 마을로 바로 텔레포트 할수 있어여


무게 만땅되면 템을 더이상 먹을수 없으니까 주기적으로 마을가서 잡템 정리 해야 합니다.






3. 말가방을 이용하면 무게 게이지를 좀더 여유있게 사용 할수 있음. 


자기 인벤에 있는 아이템 말 호출해서 말가방으로 옮길수 있음



.



4. 말 호출해서 교감하면 방어버프 얻을수 있습니다. 나중에 다른말들 길들이며녀 버프 종류도 바뀜(공격력 증가 같은것)






5. 흑정령퀘스트는 기존 퀘스트랑 동시에 가능하니까 가이 하면 개이득임 


미궁에 입장할수 있는 아이템들이 보상이고 퀘스트 시간절약됨





6. 창고 위치는 영지퀘스트 마친 사람들은 영지안에서 창고 쓸수 있 음






7. 자동사냥 하는건 HP바 바로 옆에 돌아가는 화살표 누르면 활성 비활성 시킬수 있음

[검은사막 모바일] 캐릭터 얼굴 하얗게 하는 방법 






피부톤 하얗게 화이트톤으로 만드는 꼼수



볼터치에서 흰색 서낵하고 높이50 범위100 투명도100 하면


화이트톤 얼굴이 됩니다.


목이랑 색차이가 좀 나긴 하는데


어차피 옷입을거니까 노상관임.



[VUE.JS] 뷰 디렉티브 v-for [반복] 사용하기




이번 포스팅은 뷰 디렉티브중 하나인 v-for 에 대한 포스팅입니다.


제이쿼리와 비교하면 스크립트에서 for문 안에 append 기능을 합친것과 비슷하다고 보시면 되겠습니다.



제이쿼리로 동적으로 엘리먼트 추가할때마다 귀찮았는데


vue.js의 v-for을 이용하면 손쉽게 기능 추가가 가능해 집니다.




1. v-for 사용하기



우선 이전 포스팅과 마찬가지로 jsbin을 이용해


실습해 보도록 하겠습니다.


https://jsbin.com/qowolakowi/edit?html,js,output


해당 링크로 들어가면 이미 만들어진 실습코드에서 조금만 변경 하면 됩니다.


이전 포스팅을 참고하시면 더 좋습니다.





2018/02/19 - [Yame Programmer/VUE.JS] - [VUE.JS] VUE[뷰] 시작해보기

2018/02/22 - [Yame Programmer/VUE.JS] - [VUE.JS] 뷰 디렉티브 사용해보기

2018/02/26 - [Yame Programmer/VUE.JS] - [VUE.JS] 뷰 디렉티브 v-bind 사용하기






1) 기본 사용법



html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>야매 가이드</title>
</head>
<body>
<div id="app">
  <ul>
    <li v-for="dataList in list">
      {{ dataList.text }}
    </li>
  </ul>
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</body>
</html>
cs



js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
// 새로운 뷰를 정의합니다
var app = new Vue({
el: '#app'// 어떤 엘리먼트에 적용을 할 지 정합니다
// data 는 해당 뷰에서 사용할 정보를 가지고 있습니다.
data: {
list:[
  {text:"react 배워보기"},
  {text:"pyhton 배워보기"},
  {text:"vue 배워보기"},
  {text:"연봉을 올려보기"}
  ]
}
});
 
cs




결과




html 코드를 보시면


v-for="dataList in list"


라고 되어 있고



js쪽 코드를 보시면 list안에 오브젝트 배열로 데이터가 들어있습니다.


dataList in list 에서 dataList 는 가져온 데이터를 사용할 변수명 같은거고


list는 js에서 선언한 list 데이터 입니다.


jstl에서 for돌리는것과 비슷한 방법이라고 생각하시면 이해하기 쉽습니다.




2) index 사용하기



jstl의 for기능중에서 index 번호를 불러오는게 있는데


vue.js의 v-for에도 같은 기능이 있습니다.



html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>야매 가이드</title>
</head>
<body>
<div id="app">
  <ul>
    <li v-for="(dataList, index) in list">
      {{index}}  {{ dataList.text }}
    </li>
  </ul>
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</body>
</html>
cs



1) 에서 작성한 코드중 data in list -> (dataList, index) in list 로 변경해주시고


{{}}로 index를 추가해 주시면





결과




이렇게 순서 번호가 나타나게 됩니다.


물론



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>야매 가이드</title>
</head>
<body>
<div id="app">
  <ul>
    <li v-for="(dataList, index) in list">
      {{index+1}}  {{ dataList.text }}
    </li>
  </ul>
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</body>
</html>
cs



이렇게 index에 바로 연산식을 사용해





이렇게 뽑아내는 것도 가능 합니다.






v-for 디렉티브를 사용해 배열 데이터를 동적으로 렌더링 하는 방법에 대해서 알아보았습니다.



이제 디렉티브는 데이터를 양방향으로 바인딩해주는 v-model과 이벤트 핸들링을 하는 v-on 


이렇게 두가지가 남았네요



다들 재밌게 개발 하시고


연봉들 많이 올라갔으면 좋겠습니다!

[VUE.JS] 뷰 디렉티브 v-bind 사용하기





저번 포스팅에선 뷰 디렉티브의 기본적인 9가지에 대해서 알아 보았습니다.


이번 포스팅에선 뷰 디렉티브중 v-bind에 대해서 알아볼텐데요



v-bind는 제이쿼리의 attr 과 비슷한 기능을 한다고 보시면 됩니다.



이번 포스팅에도 cnd로 불러와 jsbin 에서 실습을 해보겠습니다.



사용법은 이전 포스팅을 참고하세요


2018/02/19 - [Yame Programmer/VUE.JS] - [VUE.JS] VUE[뷰] 시작해보기

2018/02/22 - [Yame Programmer/VUE.JS] - [VUE.JS] 뷰 디렉티브 사용해보기





1. v-bind는 어떤 기능일까?



v-bind는 제이쿼리의 attr과 비슷한 역할을 한다고 했는데


이건 엘리먼트의 상태값을 바꿔줄때 사용하기 때문에 저런 언급을 했습니다.



일단 예를 들어



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>야매 가이드</title>
</head>
<body>
<div id="app">
 
  <img id="img" src="https://t1.daumcdn.net/cfile/blog/2119CF4157F6360D2F"/>
 
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</body>
</html>
cs


이런 html 코드를 작성하면





이렇게 웃는 스마일 이미지가 나타납니다.



이때 자바스크립트로 해당 이미지를 바꾸기 위해서


제이쿼리에선


1
$("#img").attr("src","다른이미지 ");
cs




이런식으로 바꿔주죠


일단 우린 vue를 공부하고 있으니까



vue에선 어떻게 사용 할까요?





2. 엘리먼트 속성을 변경하는 방법




1) 틀린 예


v-bind 라는걸 모르는 상태에선


아마 이렇게 사용 할 것 같아요





html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>야매 가이드</title>
</head>
<body>
<div id="app">
 
  <img id="img" src="{{smile}}"/>
 
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</body>
</html>
cs



js



1
2
3
4
5
6
7
8
9
10
// 새로운 뷰를 정의합니다
var app = new Vue({
el: '#app'// 어떤 엘리먼트에 적용을 할 지 정합니다
// data 는 해당 뷰에서 사용할 정보를 지닙니다
data: {
name'Vue',
smile: 'https://t1.daumcdn.net/cfile/blog/2119CF4157F6360D2F'
}
});
 
cs






{{}} 태그 안에 값을 넣는 방식으로 시도를 했을겁니다.


하지만 이렇게 하면





이런 에러가 나타나게 됩니다.



설명을 보시면 v-bind를 사용하라고 나오죠



올바른 사용법을 알아 볼까요?



2) 올바른 예(v-bind 사용)




html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>야매 가이드</title>
</head>
<body>
<div id="app">
 
  <img id="img" v-bind:src="smile"/>
 
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</body>
</html>
cs



js


1
2
3
4
5
6
7
8
9
10
// 새로운 뷰를 정의합니다
var app = new Vue({
el: '#app'// 어떤 엘리먼트에 적용을 할 지 정합니다
// data 는 해당 뷰에서 사용할 정보를 지닙니다
data: {
name'Vue',
smile: 'https://t1.daumcdn.net/cfile/blog/2119CF4157F6360D2F'
}
});
 
cs






이렇게 작성하면 정상적으로 이미지가 나타나게 됩니다.



여기서 이미지를 제이쿼리에서 attr을 사용하듯 스크립트를 사용해 동적으로 바뀌게 하려면?



.






3. 스크립트를 이용해 동적으로 엘리먼트 속성 바꾸기


html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>야매 가이드</title>
</head>
<body>
<div id="app">
 
  <img id="img" v-bind:src="feel?smile:bad"/>
 
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</body>
</html>
cs




js


1
2
3
4
5
6
7
8
9
10
11
12
// 새로운 뷰를 정의합니다
var app = new Vue({
el: '#app'// 어떤 엘리먼트에 적용을 할 지 정합니다
// data 는 해당 뷰에서 사용할 정보를 지닙니다
data: {
name'Vue',
feel:true,
smile: 'https://t1.daumcdn.net/cfile/blog/2119CF4157F6360D2F',
bad:'https://i.ytimg.com/vi/ir4NgczUrNY/hqdefault.jpg'
}
});
 
cs




이렇게 작성을 해주신후


콘솔창에서





app.feel = false


app.feel = true



요렇게 입력해주시면



false일때는 우는 에비츄가 나오고


true일때는 웃는 스마일 이미지가 나타나게 됩니다.




그런데 코딩할때마다  v-bind 입력하는게 귀찮기도 하고 코드도 길어지는데



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>야매 가이드</title>
</head>
<body>
<div id="app">
 
  <img id="img" :src="feel?smile:bad"/>
 
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</body>
</html>
cs




이렇게


v-bind:src="변수" -> :src="변수"


해도 동일하게 적용이 됩니다


익숙해지면 어마어마하게 편할것 같아요!



vue의 v-bind 디렉티브를 사용하면 훨씬 편하고 빠르게 프론트 개발이 가능하게 됩니다.







오늘은 vue의 v-bind 기능에 대해 포스팅을 해봤습니다.


다음 포스팅은 아직 포스팅 하지 않은 나머지 디렉티브에 대해서 포스팅 하겠습니다.




+ Recent posts