본문 바로가기

전체 글76

FE개발자의 정신없이 지나간 2021년 회고 잘가라, 2021! 이제와서 회고를 쓰는게 꽤 부끄럽긴 하지만, 정말 2020년에 뭘 했는지 모르겠어서 회고를 쓸 마음이 전혀 들지 않았다. 대체 내가 뭘 했지? 2020년 진짜 아무것도 안하고 보낸 것 같은데? 라는 생각밖에 들지 않았지만 회고는 어차피 1년에 한 번 아니면 반기에 한 번 밖에 쓸 기회가 없는 글이니 한 번 써보기로 했다. 개발 외 다른 것에 집중한 해. 1월. 코로나로 인해 엄청난 주식 상승장이 있었고 개발보다는 주식 및 경제 공부하는데 더 열을 올렸던 것 같다. 개발을 해야지! 라는 마음은 있는데 내가 사는 지역은 커뮤니티나 스터디가 활발하지 않아서 토이 프로젝트도 거의 무조건 혼자서 해야 하고 회사에서도 별로 재밌는 프로젝트를 하지 않아서 많이 방황했던 시기였다. 특히 인사평가 때.. 2022. 1. 13.
[프로그래머스] 직사각형 별찍기 (python/javascript) avascript process.stdin.setEncoding('utf8'); process.stdin.on('data', data => { const n = data.split(" "); const a = Number(n[0]), b = Number(n[1]); for(let i=0; i < b; i++){ let star = '' for(let j=0; j 2022. 1. 12.
[백준 15554번][python/javascript] 빠른 A+B python sys.stdin.readline() 사용 안하면 시간 초과 될 수 있다. 처음 알았음. import sys number = int(input()) for i in range(number): a,b = map(int, sys.stdin.readline().split()) print(a+b) javascript 자바스크립트의 경우 별 다를 것 없었다... let input = require('fs').readFileSync('/dev/stdin').toString().split('\n'); let max = Number(input[0]); let answer = ''; for (let i = 1; i 2022. 1. 11.
[javascript] 프로그래머스 - 부족한 금액 계산하기 문제 새로 생긴 놀이기구는 인기가 매우 많아 줄이 끊이질 않습니다. 이 놀이기구의 원래 이용료는 price원 인데, 놀이기구를 N 번 째 이용한다면 원래 이용료의 N배를 받기로 하였습니다. 즉, 처음 이용료가 100이었다면 2번째에는 200, 3번째에는 300으로 요금이 인상됩니다. 놀이기구를 count번 타게 되면 현재 자신이 가지고 있는 금액에서 얼마가 모자라는지를 return 하도록 solution 함수를 완성하세요. 단, 금액이 부족하지 않으면 0을 return 하세요. function solution(price, money, count) { let answer = 0; let total = 0 for(let i = 1; i < count+1; i++){ total += price*i; } ans.. 2021. 8. 8.
[django 튜토리얼] 장고 설치하기 django는 파이썬을 기반으로 만들어진 백엔드 서버 프레임워크 입니다. 파이썬 설치 가장 먼저 파이썬 3.x 버전이 필요합니다. 만약 여러분이 맥 OS X 환경을 사용하고 계시다면 파이썬이 이미 설치되어 있을 것입니다. 파이썬 버전 확인하기 python --version 또는 python3 --version 파이썬 3가 설치되어 있지 않으시다면 다음 공식 사이트를 활용하여 파이썬을 먼저 다운받아 주세요. Download Python | Python.org 파이썬 3이 설치가 완료되셨다면 우리는 가상환경을 사용해 줄 겁니다. 장고 설치하기 먼저 장고를 설치할 위치를 잡아주신 후 가상환경을 설치하도록 하겠습니다. 장고를 설치할 폴더로 가셔서 다음 명령어를 작성해 줍니다. python3 -m venv myv.. 2021. 7. 29.
[javascript 기초] 리스트에 새 요소 추가/삭제 (push, concat 등) 다음과 같은 리스트가 있다고 했을 때 const items = ["one", "two", "three"] 리스트에 새로운 아이템을 집어넣는 방법들 items[3] = "four"; //정해진 위치에 넣는 방법 items.push("four") //리스트의 마지막에 들어가게 된다. concat() : 리스트 더하기 만약 리스트에 리스트를 추가하고 싶다면 어떻게 하면 될까요? const ar1 = [1, 2, 3]; const ar2 = [4, 5, 6]; const ar3 = ar1.concat(ar2); 리스트에서 아이템을 삭제하는 법 splice() : 특정 위치의 요소를 삭제한다 const array = ["a", "b", "c"]; const index = 1; array.splice(index, .. 2021. 7. 21.
[CSS] position: absolute인 아이템 가운데 정렬하기 오늘은 CSS를 통해 아이템 가운데 정렬을 하는 방법에 대해 알아보려고 합니다. 만약 당신이 다음과 같은 방법을 통해 가운데 정렬을 하려다 애를 먹은 경험이 있다면, 이 포스팅이 도움이 될 수도 있습니다. .item { position: absolute top: 50%; left: 50%; } 만약 위와 같은 방법으로 아이템을 가운데 정렬 하려고 했을 경우 아이템이 딱 가운데 정렬이 되지 않고 뭔가 애매하게 오른쪽 대각선 아래로 밀려나 있는 것을 볼 수 있을 겁니다. 왜냐하면 50%씩 밀려나는 기준이 아이템의 왼쪽 위이기 때문입니다. 그러므로 해당 아이템의 높이 및 너비의 절반만큼을 더 이동한 것 처럼 보이게 됩니다. 그러면 해당 아이템을 진짜 가운데 정렬 하기 위한 방법을 알아보겠습니다. 제가 가장 많.. 2021. 7. 20.
[Canvas 공부 2일차] 이미지 업로드 이미지 불러오기 코드 void ctx.drawImage(image, dx, dy); void ctx.drawImage(image, dx, dy, dWidth, dHeight); void ctx.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight); // sx, sy는 소스의 x,y 이미지 불러오기 예제 기본적으로 이미지를 불러오는 방법은 다음과 같다. const canvas = document.getElementById("board_canvas"); const context = canvas.getContext("2d"); const imageElem = new Image(); imageElem.src = "src/img/medb.jpg";.. 2020. 12. 7.
[HTML5/Canvas] Canvas 공부 1일차 : x축 기본 애니메이션까지 Canvas Day1 Canvas란 Canvas는 HTML5에서 새로 추가된 태그 중 하나로, 페이지에 그래픽 요소를 추가할 때 주로 사용된다. 기본적으로 width, height 속성을 가지고 있는데 이는 레이아웃이 랜더링되어 있기 때문에 CSS로 임의로 크기를 지정할 경우 화면이 왜곡되어 보일 수 있어 비율을 맞춰주어야 한다. 아래 두개의 canvas는 겉으로 보기에는 같은 크기이나 실제 화면에 이미지를 그렸을 때 차이가 난다. Canvas는 일반적인 이미지 속성과 같이 margin, border 등을 줄 수 있지만 실제 캔버스에 그리는 그림에는 영향을 미치지 않는다. 기본적인 사각형 그리기 var canvas = document.getElementById("board_canvas"); var ctx.. 2020. 12. 6.

티스토리툴바