일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- CSS
- webpack
- JavaScript
- 리액트
- event
- Wecode
- nodejs
- Vue.js
- scss
- TypeScript
- vuex
- express
- mapGetters
- State
- ES6
- Vue
- v-html
- input
- MySQL
- jsx
- 자료구조
- sass
- 댓글달기
- App.vue
- 쉬운설명
- storybook
- react
- 자바스크립트
- Vue transition
- HOC
- Today
- Total
목록분류 전체보기 (238)
익명의 개발노트
웹 프레임워크(Web framework) 또는 웹 애플리케이션 프레임워크(Web application framework)는 웹 서비스 개발을 위한 프레임워크이다. Java의 Spring, Python의 Django, PHP의 Laravel, Ruby의 Ruby on Rails 등이 특히 유명하다. 웹 프레임워크를 사용하면 쉽고 빠르게 웹사이트를 만들 수 있다. 웹 프론트엔드용 SPA 프레임워크에는 AngularJS나 Angular(Angular 2), Vue.js 등이 있다. AngularJS와 Vue.js는 JavaScript, Angular는 TypeScript 기반이다. Spring이나 Django, Ruby on Rails의 경우 풀 스택(Full-stack) 웹 프레임워크이다. 풀 스택은 "모든..
1. 설치시 참고자료 : https://webnautes.tistory.com/1198 2. 우분투 [300.111111] nouveau 0000:03:00.0: fifo: SCHED_ERROR 20 [] 에러발생시 참고자료 : https://blog.neonkid.xyz/66 3. 로딩화면 멈춤시 참고자료 : https://idchowto.com/?p=37468 , https://m.blog.naver.com/PostView.nhn?blogId=syk6422&logNo=220990345100&proxyReferer=https%3A%2F%2Fwww.google.com%2F 충돌문제 sudo apt-get install ndivia-384 설치하면 해결됨 3. 제거시 참고자료 https://ksw15151..
파이썬에서 리스트는 배열을 의미한다. 리스트에 요소 추가(append) 리스트 정렬(sort) 리스트 뒤집기(reverse) 위치 반환(index) 리스트에 요소 삽입(insert) 리스트 요소 제거(remove) 리스트 요소 끄집어내기(pop) 리스트에 포함된 요소 x의 개수 세기(count) 리스트 확장(extend)
딕셔너리, 자바스크립트의 Oject와 같다. 딕셔너리 메서드 Key 리스트 만들기(keys) Value 리스트 만들기(values) Key, Value 쌍 얻기(items) Key: Value 쌍 모두 지우기(clear) Key로 Value얻기(get) 해당 Key가 딕셔너리 안에 있는지 조사하기(in) 1) keys() : 딕셔너리의 Key만을 모아서 dict_keys라는 객체를 리턴한다. 2) values() : 딕셔너리의 values만을 모아서 dict_values라는 객체를 리턴한다. 3) items() : key와 value의 쌍을 튜플로 묶은 값을 dict_items 객체로 돌려준다. 4) clear() : clear() 함수는 딕셔너리 안의 모든 요소를 삭제한다. 빈 리스트를 [ ], 빈 튜..
1.sys.modules 와 sys.path의 차이점 => sys.modules은 파이썬이 모듈이나 패키지를 찾기 위해 가장 먼저 찾는 곳이며, 딕셔너리 로 구성되어 관리되고 있다. => sys.path은 파이썬이 모듈이나 패키지를 찾는 가장 마지막 장소이며, import된 모듈의 경로를 string의 값으로 list(배열)에 저장되어 관리 된다. 2.sys 도 import 해야하는 모듈입니다. 파이썬은 sys 모듈의 위치를 어떻게 찾을 수 있을까요? => 파이썬에 포함되어 있는 내장 모듈이고, 파이썬 설치시 기본적으로 내장 모듈에 대한 path 정보가 default 값으로 지정되어있다. 3. Absolute path와 relative path의 차이점을 서술해 주세요. =>절대경로는 프로젝트 폴더 최상..
1. 정의 : decorator 1) 어떤 함수를 실행하기 전에 강제로 먼저 실행해주는 함수. 2) 표현법은 @함수명 으로 표기한다. 3) 데코레이터를 정의하는 함수의 내부는 클로져로 작성되어 있다. 2. 기본적인 패턴 1) 데코레이터를 붙일 함수를 인자값으로 받는다. 2) 가장 기본적인 패턴은 아래와 같다. def name_decorator(func) : def inner(*args,**args): #함수에 추가할 기능 func() ... return inner @name_decorator def greeting(): return "hello" 위의 name_decorator가 내부 inner의 리턴값을 받고 greeting() 함수가 실행될 경우 먼저 실행되게 된다. 만약 데코레이터에 인자값(ex) ..
파이썬 함수는 디폴트 값을 지정할 수 있다. def love_you(my_name, your_name): print(f"{my_name} loves {your_name}") love_you(your_name = "아이유", "정우성") 인자값을 명시(파라미터 선언과 할당) 해서 디폴트 값으로 만들 수 있는데, def love_you(my_name = "정우성", your_name): print(f"{my_name} loves {your_name}") 위와 같은 문법은 에러가 난다. 파이썬의 디폴트로 선언된 파라미터는 디폴트로 선언되지 않은 파라미터보다 뒤에 위치해야한다.(반드시 준수) 그 이유는 파라미터 값이 정해진 위치(positional arguments)대로 들어가야하는데, default 값이 앞으..
1. 요구사항 1) 캐릭, 몹 화면에 뿌리기 2) 몹 2초에 한번씩 생성 및 내려오기 3) 캐릭 좌우 움직임 4) 캐릭과 충돌시 몹 사망 5) 몹이 죽었을 경우 이미지 변경 6) 몹이 죽었을 경우 효과음 2. 구현간 문제점 1) 몬스터 사망을 구현하려면 용사캐릭터와 충돌을 감지해야한다. => 감지로직 작성에 시간을 낭비함.. 머리가 좋지 않음.. 2) 생성자 개념 부족에 따라 캐릭터 위치를 저장하지 못했음. 3. 해결방법 1) 캐릭터 위치정보를 변경된 최신위치의 정보를 생성자에 담아 몬스터 클래쓰쪽으로 인자값을 넘겼음. 2) 캐릭터 위치정보, 몬스터 위치정보 토대로 충돌 로직 감지. * setInterval, clearInterval, css sprite, prototype, ES6문법 변환, 오디오클래..
라우팅이란 ? 화면과 데이터를 요청에 맞게 넘겨주는 컨트롤러 역할을 함. 1. 라우팅 처리를 함에 있어서, 방법은 여러가지이다. 1) app.js에서 라우팅을 처리해주는 방법. 2) router 폴더 생성 후 url별로 파일을 만들고 처리해주는 방법(root 라우터는 app.js) 3) 2번 사항 + root 라우터까지 router 폴더에 작성하는 방법. ( 가독성이 젤 좋음) * 개인혼자 플젝 진행할 때, 라우팅 처리 변경하면 기존에 데이터 넘어오는 부분의 주소값도 변경해주어야함.(html파일) * 라우터 처리에서 이해하기 어려웠던 점 1) 주소값이 너무 많아서 헷갈리기 마련.. => 부모-자식 관계라고 보면 이해하기 쉽다. ex) localhost:4000/email/form localhost:400..
1. mysql 모듈 설치 npm install mysql 2. 모듈 불러와서 결합하기. var mysql = require('mysql'); var connection = mysql.createConnection({ host : 'localhost', port : 3306, //mysql 기본포트, 서버 포트쓰면 안된다! user : 'root', password : '********', database :'jsman' //데이터베이스 어떤걸로 쓸껀지. }); connection.connect(); connection.query('select * from user', function(err, rows, fields){ if(!err){ console.log('The solution is: ', rows..