til
-
백엔드 / 프론트 분리하면서 배운 것TodayILearned/TILWIL 2021. 11. 17. 23:35
코드 작성하면서 배운점을 정리해보자 (응 내 코드) 백엔드와 프론트엔드를 분리하는 작업을 하고있다. 요즘들어 자주 드는 생각, HTML을 정말 잘 모르는구나 ^^........ 괜찮아.. 그것이 신입....인턴..... 자바스크립트를 정말 잘 모르는구나 ^^.... 괜찮아.. 그것이.. 신입...인턴.... 코드를 참 못짜는구나.. 괜찮아... 그것이... 신입....인턴.... 잊지않게 잘 정리 해 두자 타이핑 하기 전에 대략적인 그림을 그리고 코드를 짠다. 일단 짜 두고 나중에 정리하지! 라고 생각했는데 그렇게하니까 완전 스파게티 코드가 되어버렸다. 이건 뭔가 잘못된 것 같지만 멈출 수 없었는데 CTO님이 멈춰주심. 완벽하게는 아니더라도 어떤 함수가 어떻게 작동할 지, 정확한 변수명, 함수명을 사용하..
-
21.05.04TodayILearned/TILWIL 2021. 5. 5. 00:04
마감임박상품 리스트 만들기 deadLine과 현재시간을 비교해서 30분이 남지 않은 상품을 뿌려줄 예정 몽고 DB의 aggregate 기능을 이용하면 좋을것 같아서 찾아봤다. db.getCollection('products').find({ 'deadLine': {$gte: ISODate("2021-05-05T07:05:46.758+0000")} }) 도큐먼트 내 deadLine 필드에서 지정된 시각(21/05/05) 이후인 데이터들을 나열해준다. 이걸 어떻게 만들지 ㅡㅡ..
-
201213_WILTodayILearned/TILWIL 2020. 12. 14. 02:00
와 하루하루 미루니까 일주일을 미루게되네! 이게바로 티끌모아 태산이다. 그동안은 programmers.co.kr/learn/courses/30/lessons/12919 코딩테스트 연습 - 서울에서 김서방 찾기 String형 배열 seoul의 element중 Kim의 위치 x를 찾아, 김서방은 x에 있다는 String을 반환하는 함수, solution을 완성하세요. seoul에 Kim은 오직 한 번만 나타나며 잘못된 값이 입력되는 경우는 없습니다. 제 programmers.co.kr https://programmers.co.kr/learn/courses/30/lessons/12903 코딩테스트 연습 - 가운데 글자 가져오기 단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 ..
-
201203_TILTodayILearned/TILWIL 2020. 12. 4. 00:03
자바스크립트 조건문에 대해 공부했다. 주어진 예시를 활용해 내 코드로 다시 작성해봤다. 우선 예시에서는 html내에 script를 삽입했는데, 이부분 부터 분리해서 작업을 했다. 자바스크립트 코드를 짜면서 이전에 공부했던것들이 떠올라서 엄청 뿌듯했다. 나는 addEventListner만 사용해봤는데, 예시의 "onclick"또한 이벤트리스너의 click과 같은 기능이라고한다. HTML 수축기 최고 혈압 이완기 최저 혈압 결과는 이곳에 표시됩니다. javascript const hp = document.getElementById("highPressure"); const lp = document.getElementById("lowPressure"); const judgement = document.getEl..
-
201126_TILTodayILearned/TILWIL 2020. 11. 27. 00:40
언어공부할 때 마다 문법 공부하는시간이 제일 뜬구름잡는 시간같다... 그래서 이번주 내내 멍때리면서 책만 줄줄 봤는데 이건 아니다싶어서 예제 코드를 직접 쳐가면서 흐름을 이해하기로 했다. 오늘 학습한 배열 부분을 깃에 커밋해두었다. danaisboss/TIL study node.js/javascript/CS. Contribute to danaisboss/TIL development by creating an account on GitHub. github.com
-
201119_TILTodayILearned/TILWIL 2020. 11. 20. 01:23
아래 사이트 중 CSS부분에 대해 읽고 공부하는 중 그동안 복합 셀렉터에 대한 내용이 이해가 안가고 어려웠는데 마침 해당 내용이 있어서 드디어 이해했다.. 내일은 이부분에 대해 직접 코드를 쳐보면서 봐야겠다. 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com CSS는 HTML의 style을 정의한다. 셀렉터는 HTML의 요소를 선택할 수 있는 단위이다. 프로퍼티는 style을 지정한다. 부모셀렉터와 자식셀렉터를 활용하여 CSS문 작성 가상클래스 셀렉터 ( :hover 등..) 은 임의의 상태를 지정하여 작성한다.
-
201118_TILTodayILearned/TILWIL 2020. 11. 18. 22:52
아는부분도 있고 몰랐던 내용도 있고 알고있었지만 잘 모르고있던 내용도 있었다. 오늘 HTML을 다 보고 CSS까지 마저 보고 자야지. 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com Table태그를 이용해 화면분할을 할 수 있으나, 모던웹에서는 주로 div등을 이용 Form태그는 사용자와의 커뮤니케이션을 위해 사용함. get, post와 같은 http request method를 이용함 get, post는 사용자가 입력한 내용을 전달하는 방식이다.