목록frontend (73)
DEVLOG
AJAX Ajax란? 일단 데이터를 사용해보기전에 Ajax에 대해 알아보자면... Ajax를 이용하여 개발을 손쉽게 할 수 있도록 미리 여러 가지 기능을 포함해 놓은 개발 환경을 Ajax 프레임워크라고 합니다. 그중에서도 현재 가장 널리 사용되고 있는 Ajax 프레임워크는 바로 제이쿼리(jQuery)입니다. http://www.tcpschool.com/ajax/ajax_jquery_ajax 제이쿼리는 Ajax와 관련된 다양하고 편리한 메소드를 많이 제공하는데 가장 핵심이 되고 많이 사용하게 되는 $.ajax()메소드에 대해 정리해보고자 한다! 그 외의 메소드들은 여기서 확인해볼 수 있다. $.ajax()메소드 $.ajax()메소드는 비동기식 Ajax를 이용하여 HTTP요청을 전송하는 메소드이며 원형은 다..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/oyLdm/btqPDJ13qQZ/yjmM0ZkbNdatZVOmd9kRKK/img.png)
최근 react를 공부하면서 map, reduce등 배열에 관한 다양한 메소드를 만나고 있다. 무작정 반복문을 써가면서 작업을 하는 것 보다 내장된 메소드들을 잘 알아두고 활용하는게 좋다!! JS의 다양한 메소드를 만나보자 (1편) map() reduce() concat() push() filter() slice() 자바스크립트 내장 메소드 중 가장 강력하고 유용하다고 알려진 map()과 reduce()함수에 대해 알아보고, 그 외에 배열과 관련된 다양한 메소드를 알아보자~~ ● map() : 콜백함수의 리턴을 모아서 새로운 배열을 만들 수 있다. : 요소를 일괄적으로 변경하는데 효과적임 배열.map(function(현재값[, index[, array]])[, thisArg]); callback : 새로..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/lkkIW/btqOc9QpJAQ/jR9kpyjrRSEW1RonVFrA7K/img.png)
mesonia.tistory.com/54 React CSS 스타일링 :: styled-components REACT에서 스타일링할 때는 다양한 방식이 있고 그 중에서 정답은 없다! 회사에서 사용하는 스킬, 개발자마다 각자의 취향에 따라 선택하기 때문ㅠ.ㅠ 일반적으로 다음과 같은 스타일링 방법들이 mesonia.tistory.com 이론과 실습1에 이어서 눈알이 빙빙 돌아가는 실습2도 공부해보자해보자:) styled-components 실습2 Button.js import React from 'react'; import styled, {css} from 'styled-components'; import { darken, lighten } from 'polished'; const colorStyle = cs..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/oHneo/btqOeBFHWoy/U13pDigKDFZVrJgLHcZt90/img.png)
REACT에서 스타일링할 때는 다양한 방식이 있고 그 중에서 정답은 없다! 회사에서 사용하는 스킬, 개발자마다 각자의 취향에 따라 선택하기 때문ㅠ.ㅠ 일반적으로 다음과 같은 스타일링 방법들이 존재한당 일반 CSS Sass CSS Module styled-components 이번 시간에는 styled-components에 대해 공부해보아야징~ styled-components 자바스크립트 파일 안에 스타일을 선언하는 방식을 'CSS-in-JS'라고 부르는데, 이와 관련된 라이브러리는 정말 많다. 이 많은 라이브러리 중 개발자들이 선호하는 styled-components는 스타일을 자바스크립트 파일에 내장시키는 방식으로 스타일을 작성함과 동시에 해당 스타일이 적용된 컴포넌트를 만들 수 있게 해준답니당~ sty..