일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- mapGetters
- State
- event
- 자료구조
- HOC
- sass
- scss
- input
- JavaScript
- express
- 쉬운설명
- CSS
- ES6
- Vue
- v-html
- MySQL
- webpack
- jsx
- TypeScript
- Wecode
- 댓글달기
- vuex
- 리액트
- App.vue
- Vue.js
- nodejs
- storybook
- Vue transition
- react
- 자바스크립트
- Today
- Total
목록프로그래밍 (76)
익명의 개발노트
파이썬에서 리스트는 배열을 의미한다. 리스트에 요소 추가(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..
mysql 설치 후 비밀번호 설정 했지만, mysql -u root -p 안먹힐 경우.. $ sudo mysql -u root # I had to use "sudo" since is new installation mysql> USE mysql; mysql> UPDATE user SET plugin='mysql_native_password' WHERE User='root'; mysql> FLUSH PRIVILEGES; mysql> exit; $ service mysql restart 재시작까지 해준 후 sudo mysql -u root -p 를 입력후 mysql 계정 패스워드를 입력해준다. mysql> SET PASSWORD FOR ‘root’@’localhost’=PASSWORD(‘새로운 패스워드’); ..
CSS에 애니메이션 사용하기 위해서는 animation 속성을 이용해야한다. animation 속성의 하위 속성이 있는데, 아래와 같다. animation-delay : element가 load 되고 나서 언제 애니메이션이 시작될지 지정합니다. animation-direction : 애니메이션이 종료되고 다시 처음부터 시작할지 역방향으로 진행할지 지정합니다. animation-duration : 한 싸이클의 애니메이션이 얼마에 걸쳐 일어날지 지정합니다. animation-iteration-count : 애니메이션이 몇 번 반복될지 지정합니다. infinite로 지정하여 무한히 반복할 수 있습니다. animation-name : 이 애니메이션의 중간 상태를 지정합니다. 중간 상태는 @keyframes 규칙..