1. Vue.js 2
2. html
3. sass
전반적으로 아주 아주 아주 기초의 Vue.js 프로젝트였음
난이도 : ★☆☆☆☆
따라하기 쉬움
실용성 : ★★☆☆☆
본업에서 딱히 도움될만한 내용은 없음
sass 지식을 살짝 얻어감
(sass를 사용 안했었기 때문에)
대충 이런거 만듬(모바일 크기) <-> pc버전
| [ Vue.js ] 조건부 css 적용하기 :class 사용하기 (0) | 2021.12.10 |
|---|---|
| [ Vue.js ] 에러해결 : sass-loader 설치 오류 / (0) | 2021.12.09 |
| [ Vue.js ] methods , computed 안에서 함수 호출하는 방법 (0) | 2021.11.22 |
| CORS 에러 없애기 (0) | 2021.11.22 |
| [ Vue.js ] daum 주소 api 사용하는 방법 (예제 example) (0) | 2021.11.18 |
부모 요소에 display: flex를 사용하고 자식 요소를 원하는 영역을 배치하던 와중,
이렇게 child2 에 특별히 지정하지 않은 남은 영역을 모두 할당하고 싶을 때 사용하면 된다.
child2 를 예시로 들어보면,
.child2 {
flex: 1;
}을 해주면 남은 영역이 모두 할당된다.
맨 위 사진의 코드 예시)
<style>
.parent {
width: 100%;
height: 200px;
background-color: chocolate;
display: flex;
}
.child1 {
background-color: darkcyan;
}
.child2 {
background-color: thistle;
flex:1;
}
</style>
<body>
<div class="parent">
parent div
<div class="child1">child1</div>
<div class="child2">child2</div>
</div>
</body>
이상
| [ Tailwind.css ] 이미지를 배경 '클래스' 로 등록하는 방법, customizing background Image (0) | 2022.02.17 |
|---|---|
| [ Tailwind css ] Vue.js 3, vue-cli 4.5.x Error Install the another correct version! 설치 오류 (0) | 2022.02.15 |
| [ Css ] Transition 트랜지션 사용하기 (0) | 2021.10.26 |
querystring을 받아왔는데 JavaScript get 방식으로 값을 받아오는 방법
// Query String 데이터 출력
function searchParam(key) { // key를 매개변수로 받고, value를 리턴
return new URLSearchParams(location.search).get(key)
}함수로 생성해놓고 사용하는 것이 편합니다.
// url = www.example.com?page=12
const page = searchParam('page')
console.log(page) // 12 출력
key: value 형태이다보니, key 값을 매개변수로 넘겨주어야 value가 출력됩니다.
부트스트랩 cdn을 사용하던 와중 해당 에러가 지속적으로 발생하였다.
이 문제는 아주 단순한 내용이다.
스크립트의 순서 때문.
이런식으로 boostrap과 jquery cdn을 삽입하였는데, 순서를 바꿔주자
그렇다면 새로고침을 해주어 콘솔창을 확인하면 에러가 사라졌음을 알 수 있다.
jQuery가 먼저오고, bootstrap이 그 다음에 와야 해당 에러가 발생하지 않는다.
이상입니다.
안녕하세요 상훈입니다.
Leauge of Legend (리그오브레전드 - 롤 ) 을 플레이하면서 돈을 벌면 얼마나 좋을까 싶은 생각이 문득 들어서 직장 동료가 알려준 내용입니다.
ELSILVER — The most joyful mining with LOL
ELSILVER makes it possible to mine LPLT for users who play famous games like League of Legends. LAPLATA is the key currency of Esports platforms
elsilver.net
바로 EL SILVER - 라플라타(LAPLATA) 입니다.
위 링크 통해서 회원가입 -> 플레이 순으로 진행해주시면 됩니다.
1. 롤 플레이 이전에 "LOL CHALLENGE" 에 들어가서 "Start Challenge" 해주세요.
LOL Username 에는 본인의 롤 닉네임을 작성해주시면 됩니다.
저는 아직 한 판도 안해서 소득이 없습니다 ㅎ
1640번째로 가입한 것 같네요.
가입하실 때 마지막 하단 코드에 "7143838" 작성해주시면 30개의 라플라타 코인을 받으실 수 있습니다.
아직은 비상장 코인입니다. 점점 유저수가 늘어나고 있고, 2022년 상장 계획이라고 합니다.
미리 선점하면 유리하니 함께 하시죠.
시드 수가 많아질 수록 채굴 수도 올라갑니다. 감사합니다.
◆ 21.12.09 목요일
현재 게임플레이를 하면서 얻은 라플라타 코인수 입니다.
| [데스티니 가디언즈2] 함선강탈자의 항해 12단계, 묻혀 있는 보물 찾는 방법 / 지도 얻는 방법 (0) | 2022.09.24 |
|---|---|
| 언디셈버 점검 중.. 1월 27일 목요일 (0) | 2022.01.27 |
| [ LOL ] COIN, 게임하면서 LAPLATA 코인 벌기, P2E, PLAY TO EARN (1) | 2021.12.10 |
| [ Roblox ] 게임 만들어보기 (0) | 2021.11.07 |
| Steam : 스크린샷 폴더 경로 (0) | 2021.08.29 |
Mysql - sql 문법으로 검색기능을 구현하기 위해서 거의 필수적으로 사용되는 쿼리문 중 하나.
비동기 통신으로 Javascript(Axios) - PHP - Mysql 로 데이터를 받아와 내용을 출력하는 방법을 사용하였다.
(해당 내용은 다른 포스팅으로 남기기로 한다.)
MySQL에서 인자를 받아와 SELECT ~ 하는 방법
SELECT * FROM 테이블명 WHERE 컬럼명 LIKE ' %매개변수명% ' ; // 매개변수 글자 자체를 포함하는 모든 결과
SELECT * FROM 테이블명 WHERE 컬럼명 LIKE ' %매개변수명 ' ; // 매개변수를 끝으로 하는 모든 결과
SELECT * FROM 테이블명 WHERE 컬럼명 LIKE ' %매개변수명 ' ; // 매개변수를 시작으로 하는 모든 결과
모든 내용은 조건절 (WHERE) 뒤에 LIKE % 를 어떻게 위치시키느냐에 따라 달라집니다.
| [ MySQL ] Limit 사용하기, offset 활용하기, pagination 활용하기 (0) | 2021.12.03 |
|---|---|
| [ MySQL ] 데이터 입력문, 예제, INSERT INTO ~ VALUES (0) | 2021.11.25 |
| [ MySql ] 계정 생성 / 데이터베이스 생성 / 권한 할당 (0) | 2021.09.27 |
Web Application에서 게시판이나 상품리스트와 같이 정렬이 존재하고,
페이지를 넘겨야하는 경우가 있는데, 이 때 pagination을 사용한다.
라이브러리(ex. Pagination.js) 도 존재하지만 직접 코딩할 때 필요한 limit offset, count를 포스팅하겠다.
Pagination.js | Home
pagination.js.org
Mysql 에서 limit를 사용할때 보통은 1개의 인자만 입력하여 최대 n개 를 가져오게 한다.
select * from tableName ~ limit 10;
그런데 pagination을 적용할 때에는 limit n 으로 전부 처리할 수가 없다.
페이지가 분할되어 출력되어야 하기 때문이다.
그래서 limt n, k ; 를 사용하는데,
select * from tableName ~ limit 행의 수(offset), 출력할 컬럼 수;
//예시
select * from tableName ~ limit 3, 4
// 0,1,2,3번째 행부터 4개 출력
| column_no | id |
| 3 | id_three |
| 4 | id_four |
| 5 | id_five |
| 6 | id_six |
이렇게 사용한다.
offset 은 기본적으로는 0으로 처리되며,
설정하지 않을 경우 그냥 자동으로 0 처리가 된다.
즉, 평소에 offset을 제공하지 않고 limit을 사용한 경우, offset이 0이 자동생략되었다는 것이다.
| [ MySQL ] Like % 사용하기, 검색 기능 구현하기 (0) | 2021.12.03 |
|---|---|
| [ MySQL ] 데이터 입력문, 예제, INSERT INTO ~ VALUES (0) | 2021.11.25 |
| [ MySql ] 계정 생성 / 데이터베이스 생성 / 권한 할당 (0) | 2021.09.27 |
html <input> 태그 내에서 enter 를 입력 시 javascript로 원하는 이벤트를 발생시키는 방법
input 태그 내에
<input type="text"
onkeypress="if(window.event.keyCode==13){ function name() }"
/>를 작성해주도록 한다.
enter = keyCode 13