analogcoding

6/17 / react 본문

Be well coding/In Immersive

6/17 / react

be well 2019. 6. 17. 21:58

Toy 10번 문제.

 

Jquery 사용해보기. 모든 span tag 를 1초마다 색상 변경. 모든 단어를 span 태그로 감싸기.

 

$(function(){

  var p = $('p');
  var text = p.text().split(' ');

  for(let i = 1 , len = text.length; i < len; i=i+2){
    text[i] = '<span>' + text[i] + '<span>';
  }

  p.html(text.join(' '))
  
  function changeColor1() {
   $('span').css('color','red')   
  }

  function changeColor2() {
    $('span').css('color','blue')   
   }

   function changeColor() {
    changeColor1()
    changeColor2()
   }

setInterval(changeColor, 1000);
}

 

리액트 솔로 스프린트 todolist 

 

얼추 완성, 아쉬운 부분이 많지만 전반적인 flow 를 이해하는데 많은 도움이 됬다.

JSX 문법도 조금 익숙해져가고 props 는 이제 그래도 쉽게 내리고 리프팅 할 수 있는 것 같다.

 

CSS 를 못해서 초등학생이 만든 것처럼 되어있다...ㅋㅋㅋ

 

카테고리 추가 삭제 기능 구현  4/5

실시간 검색 기능 구현 3/5

todolist 추가 삭제 기능 구현  5/5

현재시간 구현 4/5

css 0/5

 

혼자 진행하는 스프린트라서 걱정이 많이 되었는데 요구사항은 모두 충족해서 다행이다.

 

'Be well coding > In Immersive' 카테고리의 다른 글

6/19 / server , RESTFUL API  (0) 2019.06.19
6/18 / server  (0) 2019.06.18
6/15 / react  (0) 2019.06.17
6/14 / react  (0) 2019.06.14
6/13 / react  (0) 2019.06.14
Comments