어제의 최선

오류 public class MainActivity extends AppCompatActivity { protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); EditText input1 = (EditText) findViewById(R.id.input1);// EditText 선언과 동시에 초기화 Button btn1 = (Button) findViewById(R.id.btn1); btn1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(Vi..

"uncaught ReferenceError: regeneratorRuntime is not defined" gulp로 개발하는데 자꾸 오류 뜸 babel로 js문법 변환 과정에서 생기는 오류 문법 변환을 @babel/preset-env로 설정해서 async를 regeneratorRuntime 모듈로 변환 나는 저런 모듈을 import 하지 않았기 때문에 오류 발생 해결방법 const js = () => gulp .src(routes.js.src) .pipe( bro({ transform: [ babelify.configure({ presets: [["@babel/preset-env", { targets: { chrome: "55" } }]], }), ["uglifyify", { global: true ..

빈 Dictionary 이용: words = "a b c d a c" word_list = words.split()# ['a', 'b', 'c', 'd', 'a', 'c'] dict = {}#빈 딕셔너리 for word in word_list: if word in dict:# 이미 있는 키 dict[word] += 1 else:# 처음 보는 키 dict[word] = 1 for key,value in dict.items(): print("{}: {}개".format(key, value), end=" ")# a: 2개 b: 1개 c: 2개 d: 1개 리스트에서 중복되는 값의 갯수를 알고 싶을 때, 값을 split()로 나눈 후 빈 딕셔너리 생성 이미 있는 경우, 없는 경우로 나눠서 갯수를 세렸다. Coun..

model from django.db import models from django.conf import settings from django.shortcuts import resolve_url from django.utils.text import slugify#라이브러리 class Profile(models.Model): user = models.OneToOneField(settings.AUTH_USER_MODEL, on_delete=models.CASCADE) nickname = models.CharField(max_length=20) profile_photo = models.ImageField(upload_to="profile/" , blank=True) slug = models.SlugField(..

텍스트 업로드 views.py def create(request): new = Diary() new.title = request.GET['title'] new.body = request.GET['body'] new.pub_time = timezone.datetime.now() new.save() return redirect(new) 클래스 인스턴스 생성 request.GET["html name"]으로 value 가져옴 save메소드로 저장 get_absolute_url을 이용해 디테일 페이지로 이동 이미지 업로드 models.py class Diary(models.Model): title = models.CharField(max_length=20) image = models.ImageField(uploa..

> npm i gulp-bro -D > npm i babelify -D > npm i uglifyify -D js파일 하나로 컴파일 컴파일하면서 babel js 압축 (공백 제거) -이전 setting에서 babel과의 차이점은 앞에껀 gulpfile.babel.js파일 안의 ES6을 바꾸는 것 -여기서는 src폴더에 있는 js들의 문법을 지원가능한 버전으로 바꾸는 것 gulp-bro babelify uglifify const js = () => gulp .src(routes.js.src) .pipe( bro({ transform: [ babelify.configure({ presets: ["@babel/preset-env"] }), ["uglifyify", { global: true }], ], }) ..

> npm i gulp-image -D > npm i gulp-sass node-sass -D > npm i gulp-autoprefixer -D > npm i gulp-csso -D image 압축 플러그인 sass => css 플러그인 css 호환성 플러그인 css 압축 플러그인(공백 제거) gulp-image 큰용량의 image일 경우 압축하는데 시간이 오래 걸림 따라서 watch 유무는 프로젝트에 맞게 잘 설정해야 편함 gulp-sass, node-sass import sass from "gulp-sass"; sass.compiler = require("node-sass"); gulp-sass는 node-sass를 컴파일러로 사용해서 이런식으로 적어줘야 함 nodeJS는 import/export ..

폴더 구조 > npm init node_module과 package.json 생성 node_module .gitignore package.json src img js partials scss templates index.pug > npm i gulp-cli -g console 창에서 gulp실행 할 수 있음 > npm i gulp -D 개발환경으로 gulp 설치 > touch gulpfile.js gulp config파일 생성 > npm i @babel/{preset-env,core,register} -D > touch .babelrc { "presets": ["@babel/preset-env"] } babel 패키지 설치 후 버전 설정 > mv gulpfile.js gulpfile.babel.js gu..

방법 1: position: absolute; + transform: rotate(); .parent { display: relative; } .child { position: absolute; transform: rotate(-90deg); top: 50; left: 50px; } rotate하면 parent범위를 넘어서 위치가 많이 바뀜 조정하기 어려움 방법 2: position:absolute; + writing-mode: vertical-rl; 더보기 CSS syntax: writing-mode: horizontal-tb | vertical-rl | vertical-lr ; .parent { position: relative; } .child { position: absolute; writing-..

repeat(, ) 반복할 횟수(n)와 사이즈를 받음 size에 단위(fr)을 쓰면 알아서 빈공간 채워줌 minmax(,) min-width, max-height 와 비슷 반응형 웹페이지를 만들때 사용 웹페이지가 resize될 때 최소값을 줌으로 레이아웃 유지 최대값은 fr을 써서 넓은 화면에서 빈공간 없도록 함 minmax 사용 안했을 경우 100px로 최솟값은 유지하지만 넓은 화면에서 오른쪽 빈 공간 발생 빈공간 채우기위해 1fr로 하니 좁은 화면에서 찌그러져서 레이아웃 망가짐 내용 overflow될 가능성 많음 minmax로 최솟값을 유지하면서 꽉채움 그러나 좁은 화면에서 최솟값때문에 스크롤 발생 자동으로 줄바꿈되길 원할 때 auto-fill, auto-fit을 쓰면 됨 auto-fit 반복할 횟수..