본문 바로가기

컴퓨터 프로그래밍

 (78)
[vue.js] computed 속성과 filter(), 화살표 함수 자 이번 포스팅에서는 저번에 못다루엇던 computed 속성과 filter를 한번 더 다뤄보겠습니다. 언제나 화살표 함수는 익숙해지지가 않네요. 복습을 먼저 해보겠습니다. 화살표함수는 function을 생략하는 방식이였죠. function Sum (a,b) ={ return a+b; } var Sum = function (a,b){ return a+b } var Sum = (a, b) => { return (a+b) } 최종적으로는 맨 아래 형태로 생략해서 쓸 수 있죠. 이제는 점점 익숙해 질꺼같네요. 차근차근 눈에 익히면 다른 코드에서 보더라도 당황안하고 해석 할수 있게 되겠죠? 자 이제 새로 도입되는 개념입니다. computed 속성입니다. 이전 포스팅에서는 소개를 안드렸지만 ref속성들을 통해서 값..
[vue.js] v-bind 그리고 v-bind의 속성 연결 안녕하세요 시란입니다. 요즘 vue.js 공부를 시작했습니다. vue.js tutorial 공식 사이트를 통해서 코드 해석과 의미들을 보면서 익히고 있습니다. https://ko.vuejs.org/tutorial/ Tutorial | Vue.js Haven't migrated to Vue 3 yet? Explore Never-Ending Support for Vue 2 by HeroDevs Learn more ko.vuejs.org 위의 사이트에서 혼자서도 공부 할 수 있답니다. 왼쪽은 해당 파트에 대한 설명이 나와있고, 오른쪽은 내가 실습할 수 있는 공간이 나와있습니다. 문제도 나오고, 이걸 풀어보고 해답도 나와있는 형태입니다. 그런데 저번시간 es6 함수표현부터 해서.. 이번에 막힌 부분은 v-bin..
[js] es6 의 화살표 함수 표현식과 필터함수 안녕하세요 시란입니다. 오랜만에 js 시리즈 입니다. 요즘 vue.js를 공부하고 있는데요, 공부하던중 es6의 화살표 함수를 접했는데 ... 이부분이 해석이 안되더라고요. 정말 정형적인 화살표함수와 배열의 필터 함수인데 말이죠.. 사실 es6의 표현식은 공부하지 않으면 한눈에 안들어옵니다. 그래서 이왕 이렇게 공부한거 한번 정리해보자는 생각에 포스팅을 작성합니다. 먼저 es6의 화살표 함수를 알아봅시다. function Test(a, b) { return a+ b } 이건 우리가 매번 보던 함수 형태이죠? 여기서 함수를 변수에 담아볼께요 const test = function Test(a,b) { return a+b } 그리고 이걸 한줄로 표현해볼께요. const test = function Test(..
[Django] 시간 계산하는 방법 정리 feat timezone, timedelta 안녕하세요 시란입니다. 이번시간에는 시간을 다루는 방법에 대해서 알아보겠습니다. 한번 우리 다같이 시간의 마술사과 되어볼까요? 그 전에 간단하게 사칙연산 중 나눗셈을 하는 여러가지 방법에 대해서 간략히 알아볼께요 먼저 실수나누기 ! 3/2 를 하게 되면 1.5가 나오죠? '/' 기호를 쓰면 됩니다. 익히 알고 있는 내용이죠? 그다음은 정수나누기 방법입니다. 우리가 나눗셈을 할때 소숫점을 없애고 싶을때 물론 int( 3/2 ) 를 쓰게 되면 1 이라는 결과가 나오게 됩니다. 하지만 이런 int()를 쓰지 않고 '//'기호를 쓰게 되면 편하게 정수값만 얻을 수 있게 됩니다. 그리고 우리는 나눗셈을 하다보면 몫이 아닌 나머지 값을 얻고 싶을때가 있을꺼에요 예를 들어 변수 x 값의 변화에 따라서 결과값이 달라지..
[Django] image 업로드 시 실수 하는 부분 체크! django 에서 사진이 안불러져요. Django를 공부하다보면 image를 업로드하고 이를 html을 통해 표현할때 잘 안불러와질때가 있어요. 분명 img태그에서 속성을 잘 넣었습니다. src는 feed.name.profile_picture로 url 경로를 의미하죠. 이 url경로는 Models.py 를 통해 잘 저장되어있구요. 우리 지난번 포스팅에서 봤듯이 settings.py에 media경로와 static경로 설정도 문제없이 잘 했었죠? 잘 설정되어있죠? url은 /media/abc.png 로 나오겠죠? 그리고 django 의 admin페이지를 들어가볼께요. 저의 profile_picture에는 test 어쩌구.png로 잘 들어가있어요. 그렇다면 src를 재대로 써주었고 설정도 되었고, 그렇다면 재대로 이미지가 나와야됩니다. 자 한번 ..
[Django] media root에 이은 static root 설정과 css분리 방법 정리! 안녕하세요 시란입니다. 이전 포스팅에서 media root 와 media 컨텐츠에 대해서 공부 같이 했었죠? 이번 시간에는 static root 와 static 설정 방법을 알아보겠습니다. 먼저 static files, static설정이 왜 필요할까요? 우선 아래 코드를 보실께요. html 과 css 그리고 script로 완전 보기 힘들어요. 이렇게 한번에 html에 구겨넣는것도 물론 괜찮아요. 프로그램은 잘 돌아갑니다. 다만 수정할 부분이 생기거나 전체적인 틀을 수정해야된다거나 등의 문제가 발생시에는 다시 하나하나 스크롤 내려가면서 봐야되는 불편함이 생깁니다. 만약 기능별로 html 과 css, 그리고 script도 나눌수 있다면 편하게 기능별로 수정하기 편하겠죠? 먼저 settings.py에 들어갑니..
[Django] 시간, 분, 초 날짜 분리방법, 현재시간과 업데이트된 날짜의 차이를 구하고 싶을때!! timezone, timedelta, datetime 장고를 공부하다보면 datetime 을 사용해서 현재시간을 구해야되기도 하고 포스팅을 했을때 날짜와 현재와의 차이를 구해야할 때가 있죠? 그때마다 너무 해깔리더라고요. 예를들어서 아래 그림에서 3일이라고 표시되죠? 업데이트 한지 3일이 지났다는 의미에요. 이런 시간 계산하는 방법을 한번 알아보겠습니다. 참고로 django의 경우 timezone을 쓰는건 알고 계시죠? 이렇게 settings.py에서 timzezone을 Asia/Seoul 로 설정한거 기본 django에서 수없이 많이 들으셨을꺼에요. 이를 통해 models.py에서 예를들어 포스트나 피드라는 모델을 만들거나 업데이트를 했을때 자동으로 시간을 기록하곤 합니다. update_time과 create_time 에서 DateTimeField를 통해..
[Django] settings.py에서 media_url과 media_root 설정 및 ruls.py에서 import 구분하기 안녕하세요 시란입니다. 이번 포스팅에서는 media root와 media url 사용법 과 urls.py에서 import 를 할때 같은 앱명을 구분할때 할 수 있는 팁을 알려드리겠습니다. 먼저 media_root 와 media_url은 어떨때 사용할까요? post요청을 통해서 이미지를 올렸을때 따로 settings.py 를 건들지 않는다면 이미지는 아래와 같이 나의 BASE_DIR에 저장될것이에요 보이시죠? 내 베이스디렉토리에 이렇게 업로드가 되버립니다. 한두개 post를 통해 이미지들을 올릴때는 상관없겠지만 post 요청을 통해 이미지를 업로드하는 갯수가 많아질수록 내 base directory는 더러워질꺼에요. 보통 우리는 컴퓨터를 쓸때 폴더를 지정하고 해당 폴더에 목적에 맞는 파일들을 모아두고 쓰곤..

티스토리툴바