🙂나의 공부 아카이브 썸네일형 리스트형 [공부하면서 쓰는 React] useState의 의미와 사용법 useState 의미 : 리액트의 기본적인 hook이며 함수형 컴포넌트에서 가변적인 상태를 가지게 해줍니다. 초기값 설정, 상태 업데이트 함수, 비동기 처리 등의 특징 통해 React 유연성을 극대화하며, 작은상태부터 큰 애플리케이션 상태까지 넓게 사용할 수 있습니다. useState의 기본 형태const [state,setState] = useState(initialstate) state : 현재 상태값을 의미합니다. setState : 상태값을 변경하는 함수 initialState: state의 초기 설정값입니다. 어떤 유형의 값이든 지정할 수 있지만 함수에 대해서는 특별한 동작이 있습니다. (리액트 공식문서) 예를 들면 카운터 상태를 변경해줘야 할 경우엔 다음과 같이 입력합니다. import .. 더보기 [공부하면서 쓰는] React 기본 개념과 생명주기 (life-cycle) 1. 개요 최근에 인텔리픽 면접코칭을 마치면서 리액트의 기본 개념과 생명주기를 물어보셨을 때 대답을 정확히 하지 못한아쉬움이 있었고, 리액트에 대한 기본 개념 공부부터 꾸준히 하라는 피드백을 주셔서 리액트 공부한 내용을 바탕으로 정리를 해보려고 합니다. 공부하면서 쓰는 내용이기 때문에 부족한 내용이 다소 보일 수 있는 점 양해 부탁드립니다. 2. 목차 - 리액트란? - 리액트의 기본 개념 (컴포넌트, jsx, props, state) - 생명주기 ( Life-cylcle) - 글을 마치며 리액트란? 페이스북 (Facebook)에서 개발한 오픈소스 라이브러리이며 사용자의 인터페이스(UI)를 구축하는 데에 사용합니다. 주로 SPA(Single page application)에서 복잡한 사용자 인.. 더보기 [공부하면서 쓰는] Javascript와 Typescript의 차이 ※ 프론트엔드 개발자로 취업 준비하기 위해 쓰는 게시글입니다. 글솜씨가 부족할수 있으니 양해 부탁드려요 :) 부족한 부분이 있으면 말씀 부탁드려요 이 글에서는 자바스트립트 타입스크립트에 대해 짧게 작성하며, 마지막엔 자바스크립트와 타입스크립트의 차이를정리할 예정입니다 ★ 글 순서 Javascript Typescript 자바스크립트와 타입스크립트의 차이점 1. Javascript 정의 : 자바스크립트는 웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어입니다.(출처: 모던 자바스크립트) 변수 - 데이터를 저장하는 공간으로 var, let, const를 사용하여 선언. * var, let, const의 차이 var : ES5에서 변수를 선언할 수 있는 방법으로 재선언, 재할당이 .. 더보기 4월 둘째주 공부 마무리하며 .. 내일배움캠프의 사전캠프 마지막이다. 다음주부터 12시간 쭈욱 앉아서 공부를 해야한다. 요새 집중력이 떨어져서 1~2시간이 최대 집중력인데 다음 본캠프부터는 차근차근 공부 집중력을 올려야 겠다고 생각했다. 최근에 자바스크립트가 너무 어려워서 질문 한번 했었었고 프로그래머스를 추천해주셔서 1~2시간씩 입문문제로 풀어보았다 그때그때 하면서 배운 코드를 정리하고 그다음에 핸드북으로 보면서 마무리했다 . 아직까지 코드를 자력으로 풀기엔 내 실력이 멀었다고 생각한다ㅠ 더 잘해야지 어쩌겠어..ㅎㅎ 가보자고~ 더보기 4월의 공부일지 자바스크립트에 비중을 두고 공부할 계획이다. 프로그래머스 기초 코딩 테스트로 해보려는데 막상 해보니 막막해서 구글링 해보고 이리저리 다른 사람들이 해본 코딩을 참고해 보는 편이다. 그걸 보면 나는 아직 멀었구나 하는 생각을 하게됨.. 따라 쳐보고 > 실행, 유튜브에 나와있는 해설 강의 들어보고 > 쳐보기 이런 방식으로 해보는 중이다. 그렇게 하다가 내 자바스크립트 실력이 안 늘어나는건 아닐까..; 사전캠프가 끝나가는 시점에 자바스크립트를 이용해서 간단한 거 만들어봐야겠다! 파이팅! 배워야 할 게 너무 많아서 어질어질해.. 더보기 프로그래머스 코딩테스트 입문ver. 2일차까지 풀어본 소감 자바스크립트 잘하려면 아직 멀었다. 0 레벨인데 만만치 않았고 배열과 연산은 공부 많이 해야할거 같다. 구글링 해서 찾아보고 그것대로 쳐보고 다양하게 찾아봤는데 내가 안 보고 칠 경지까지 하려면 더 많이 해보는 것밖엔 방법이 없다. 일단은 구글링하고 유튜브 찾아서 해설 들어보고 . 잘 몰라도 해설 듣는게 오히려 낫다 ㅠ 더보기 프로그래머스 코딩 테스트(입문) 하며 습득한 자바스크립트 코딩용어 정리 배운건 몇개 없지만 내가 나중에 보기 위해서 정리함! 새로 배운 코딩언어 있을 때마다 계속 추가 할 예정 const - 블록 범위의 상수를 선언 상수의 값은 재할당 할수 없음 > 다시 선언할수 X 출처 > https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/const map() method - 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다 출처 > https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map sort() - 자바스크립트에서 배열의 요소들을 정렬하기 위해 사용 > 배열.. 더보기 3월 마지막 주 공부일지 내일배움캠프 > 사전캠프 3월의 마지막주는 조별로 주제를 정해서 와이어프레임을 만들어보았다 팀장이 되어 주제를 정했는데 팀원에게 분담해주는 과정에서 어려움을 겪었지만 팀원분들이 알아서 분담을 잘해주셔서 나 포함해서 각자 페이지를 만드는데 집중했다. 피그마를 처음 써보는지라 매니저님이 보내주신 링크를 통해 살짝 배우게 되었다 단축키나 사용법은 포토샵 일러스트랑 비슷한데 팀원들끼리 소통하고 공유한다는 점, 폰트 스타일 설정한다는 점에서는 차이가 있었다. 배워가는 재미가 쏠쏠했달까 내가 메인페이지 담당이라 틀을 잡아주고 팀원 권한을 내 페이지 편집할 수 있게 설정해주면 팀원들은 합친 후 그 다음에 덧붙여서 만들어내는 방식이었다. 팀 프로젝트 막막하고 처음 팀장을 맡은 부분에 대해선 부담감이 없지않아 있었는데 .. 더보기 이전 1 2 다음
