초보 개발자

이번 팀과제에서는 NST를 사용해 만든 그림을 사이트에 올려서 다른 사람들과 공유할 수 있는 페이지를 만들어 보았습니다. 처음 Django ninja를 활용하여 REST API라는 것을 만들어 보았습니다. 사실 아직도 감이 잘 오지 않고 쓰는 방법을 잘 모르지만, 이 과제를 통해서 조금이나마 성장해 나가는 것에 만족감을 느꼈습니다. dajngo ninja는 ajax를 사용하여 api를 보내어 특정 동작을 수행하고 그 값의 결과에 따라서 메시지를 보여주거나, 화면을 이동시켜주는 역할로 사용하였습니다. 보통 프론트 라이브러리에서 api값에 따라 결과물을 보여준다고 하는데 django만으로 하려다보니 render가 되지 않는 문제가 있었고 어쩔 수 없이 화면을 이동시키는 방법을 사용하였습니다. NST란? 🔍 ..

자바스크립트 async와 await • 캡틴판교 (joshua1988.github.io) 자바스크립트 async와 await (중급) 자바스크립트 개발자를 위한 async, await 사용법 설명. 쉽게 알아보는 자바스크립트 async await 개념, 사용법, 예제 코드, 예외 처리 방법 joshua1988.github.io 위 블로그에 있는 내용을 보고 정리하였다. async await이란 js 비동기 처리 패턴 중 가장 최근에 나온 문법이다. 기존의 비동기 처리방식인 콜백함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있도록 도와준다. 아래와 같은 코드가 있다 function logName() { var user = fetchUser('domain.com/users/1'); ..

동기, 비동기는 이름부터 마음에 안든다. 동기는 위에서부터 차례대로 코드하나가 실행이 끝나면 그제서야 다음코드를 실행하고 또 끝나면 다음코드를 실행하고, 다음코드로 가기위한 전제조건이 앞의 코드가 실행이 완료되면 간다. 비동기는 앞의코드가 끝나지 않아도 바로 뒤의 코드로 넘어간다. 앞의 코드의 연산이 끝날 때 까지 코드 실행을 멈추지 않고 다음 코르를 먼저 실행시키는 것이다. 가장 대표적인 사례가 ajax라고한다. 아래와 같은 코드가 있다고 할 때 언디파인드가 리턴이 되는데 그 이유는 ajax를 통해서 값을 받아올 때 까지 기다려주지 않아서 기존에 있던 undefinded 그대로 출력이 된 것이다. function getData() { var tableData; $.get('https://domain.c..

모든 데이터를 한번에 가져오기 보다는 pagination을 사용하여 깔끔하게 구현하는 것이 좋다. 하지만 이번에는 번호로 지정된 pagination보다는 스크롤 하면 데이터를 받아오는 방식을 사용해보고싶다는 생각이 들었다. 따라서 구글링해본 결과 여러가지 방법이 있었지만 이미 만들어진 것을 사용해보려고 한다. 먼저 아래에 접속한 뒤 다운로드를 하고, jquery.waypoint.min.js와 infinite.min.js파일만 우리 서버의 static/js로 가져온다. Waypoints (imakewebthings.com) Waypoints Waypoints is the easiest way to trigger a function when you scroll to an element. var waypoin..

팀원들끼리 같이 협업할 때 패키지 버전이 다르면 문제가 생길 수 있기 때문에 같은 버전을 사용해야한다. 그러기 위해서 poetry 가상환경을 사용하는 경우에는 toml파일과 lock파일을 공유하여 poetry install을 하여 버전을 맞춰야 한다. poetry install 그럼 기존에 있던 버전보다 높은 버전이 적혀있으면 업데이트 되고 설치되어있지 않은 패키지들은 설치가 된다. 만약 toml파일만 새로 가져와 덮어쓴 경우에 peotry install을 하면 기존에 내가 가지고 있던 lock파일과 달라서 오류가 나게된다. 반대로 lock파일만 있고 toml파일이 없는 경우에도 설치가 안된다. 그냥 toml파일과 lock파일 둘다 있어야 한다고 생각하면 될것 같다.

2021.12.16 - [Python/윤성우 열혈 파이썬] - 9강 제너레이터 함수 9강 제너레이터 함수 [제너레이터에 대한 이해와 제너레이터 함수] 이번에 소개하는 제너레이터는 iterator 객체의 한 종류이다. 때문에 제너레이터를 전달하면서 next함수를 호출하면 값을 하나씩 얻을 수 있다. 제너 taehyeki.tistory.com generator란 전에 윤성우 열혈파이썬에서 배운내용을 정리한 적이 있다. 장고 심화실무 강의에서 비동기에 설명을 할 때 generator를 먼저 설명해주셨다. 이유는 generator객체를 사용하면, 함수가 살아있는 상태?가 되므로, 따로 바깥에 변수를 지정해두지 않아도 함수안에 local변수를 지정해서 그걸 while True: 무한반복으로 로컬 변수를 yeild..

css를 보다 편리하게 사용하기 위해서 scss를 작성한 뒤 sass를 사용하여 css로 변환을 시킬 수 있다. 즉 scss파일만 작성해서 html에게 보내주면 html은 읽지 못한다. ( scss말고 css를 내놔 ) 그럼 scss를 어떻게 css로 바꾸냐? gulp라는 것을 사용하여 바꿀 수 있다. scss 그렇게 하는게 더 복잡해 보일 거같은데 라는 생각을 할 수도있다. gulp는 파이프를 사용하여 전에 수행된 것을 그대로 인자로 받아서 수행을 하고 다시 다른 파이프로 넘기는 식의 패턴을 사용한다. 먼저 아래와 같이 필요한 모듈을 받아온다. 그리고 routes를 통해 우리가 접근하고자 하는 diretion을 정해 둔다. style이라는 함수가 scss를 css로 변환시켜주는 것이다. 먼저 gulp...

간단히 스크롤로 넘어가야 보이지만, max-content는 내용물이 가득찬 크기를 나타낸다 반대로 max-conent는 내용물이 최소한으로 보일 수 있는 만큼만 나타내준다 이걸 auto-fit과 minmax를 같이 사용해서 사용한다고 하는데 이렇게되면 크기에 따라서 글씨가 좀 잘려서 보장을 해주지 못한다. 이부분은 좀 더 찾아봐야할 것 같다.