본문 바로가기
728x90
반응형

프로그래밍14

19.12.23 개발기록 -[Javascript] Newsfeeds 의 ~시간 전, ~분 전 구현하는 것과 기 올린 게시물의 시간에 따라 상태 변화 구현의 차이점 자 오늘 포스팅 할 내용은 무엇이냐~ Newsfeeds에 ~시간 전을 구현 했을 때와, 게시물의 기한을 정해놓고, 현재시간이 그 기한을 지나게 되면 상태가 변화하게 될 때 구현하는 코드의 차이점을 알아보자 ! 우선 첫 번째로 ~ 시간전을 구현 했을 때 결과화면을 보자 ! https://hammerbrother.tistory.com/8 19.12.06 개발 기록 - [Javascript] 뉴스피드의 몇 년 전, 몇 개월, 몇 일 전, 전 몇 시간 전, 몇 분 전, 몇 초 전 만들기 오늘의 포스팅 내용은 페이스북 뉴스피드나 인스타그램 포스팅 등에서 볼 수 있는 ~~시간 전을 계산 하여 Javascript로 구현하는 Syntax이다. 뉴스피드 기능에 있어서 굉장히 중요하고 필요한 기능이라고 생각되어.. ham.. 2019. 12. 24.
19.12.22 개발기록 -[Javascript] Nested Object(중첩된 객체) 자자 ~ 오늘 포스팅 내용은 무엇이냐~ Nested Object ! 중첩된 객체 이다 ! 이전 포스팅에서 Immutability (불변성)에 대해 이야기 해보았다. 이번 포스팅은 그의 연장선인데, 바로 var o1 = {name: 'kim', score:[1,2]}; 위 코드와 같이 객체 { } 안에 [ ] 배열이 있는 경우에 객체를 복사하였을 때, 원본은 변화 시키지 않는 방법이다. 1 2 3 4 var o1 = {name: 'kim', score:[1,2]}; var o2 = Object.assign({}, o1); o2.score.push(3); o2 를 Object.assign을 통해 복사 한뒤, score.push(3) 을 하게 되면, o2 내의 score 뿐만 아니라, o1 내의 score 또.. 2019. 12. 22.
19.12.22 개발기록 -[Javascript] Javascript Immutability(불변성) 자 오늘 포스팅할 내용은 무엇이냐~ Javascript Immutability ! 불변성에 대한 내용이다 ! 불변성이란, 데이터 원본이 훼손되는 것을 막는 작업을 뜻한다. Javascript를 이용하여 프로그래밍을 진행할 때, 수많은 참여자가 있을 수 있고, 수많은 코드들이 작성되기 마련이다. 이때, 어떠한 데이터를 정해놓고, 불변하게 하기 위한 작업이라고 생각하면 되겠다. 특히나, 데이터가 수정 및 삭제되었을 때 범죄가 될 수 있는 경우에 반드시 이 불변성을 걸어주야 되지 않겠는가? 먼저 데이터 타입에 대해서 살펴보자. 크게는 Primitive (원시 타입)과 Object (객체) 로 나눌 수 있다. 먼저 원시타입은 더 이상 작은 단위로 쪼개질 수 없는 데이터 이고, 객체는 연관된 데이터들을 정리정돈하.. 2019. 12. 22.
19.12.17 개발기록 -[Javascript] 개발 중 비동기로 인한 이슈 사항 자 오늘 포스팅할 내용은 무엇이냐~ Javascript의 가장 큰 특징 중 하나인 비동기로 인해 일어나는 이슈 중 한가지 ! 우선 비동기가 무엇이냐? 특정코드의 연산이 끝나기 전에 코드의 실행을 끝내지 않고, 그 다음 코드를 먼저 실행하는 자바스크립트의 특성이다. 그러니까 내가 적어놓은 코드를 위에서부터 아래로 내려가기는 하지만, 특정코드를 불러놓고 그것이 실행될 때까지 정지하고 기다리는 것이 아니라, 불러놓고 오든지 말든지 그냥 그다음 코드를 실행하면서 쭉쭉 내려간다는 것이다. 나는 Javascript로 개발에 입문을 해서, 이게 특이한 건지, 뭔지 몰랐지만 요거 때문에 Javascript 개발자들이 디-게 힘들어하는 것 같았다. 특히나 내가 아래 구현해놓은 코드에서 ajax를 이용할 때 이 특성이 크.. 2019. 12. 18.
19.12.16 개발기록 -[Javascript] switch 조건문을 이용하던 중 오늘 내가 한 실수 기록. 자 오늘 포스팅할 내용은 무엇이냐~ 오늘 switch 조건문을 이용하던 중 내가 했던 굉장히 어이없고 쪽팔리는 실수를 기록해두려고 한다. 다시는 그러지말자 루크야..허허 우선 내가 구현하려고 했던 것을 보여주자면, 요로코롬 각 버튼을 눌렀을 때 안에 있는 class들의 색깔을 바꾸는 것 + 안에 input (이미지 상 1 적혀 있는 곳이 input 태그로, 숫자를 입력할 수 있는 곳이다) 태그의 onkeyup 이벤트로 숫자를 입력할 때에도 자신의 색깔을 유지하며, 내용이 바뀌는 것이다. 위 사진 처럼 switch 문을 사용할 때 실수를 하여 색깔이 맞지 않게 표현되었다. 내가 한 실수를 캡쳐해서 보여주자면, 여기서 i 는 각 보기를 불러오는 index가 되겠다. 아주 멋지게 switch 문을 이용하였고,.. 2019. 12. 17.
728x90
반응형