language, framework, library/자바스크립트4 [React] Backend 개발자가 admin을 만들기 위해 하는 react 정리 1편 - component와 props, 그리고 props.children 안녕하세요. 오늘은 React로 admin 개발을 하면서 공부했던 React를 사용하기 위해서 배웠던 내용을 정리하려고 합니다. 같은 방법에 대해서 고민하셨던 부분이 있으셨다면 이 포스팅으로 해결하셨으면 좋겠습니다. 아마 아주 기초적인 부분들이 주를 이룰것으로 보이기때문에.. 적절히 걸러서 보시는게 좋을 수 있습니다. :)오늘 정리할 내용은 react에서 component들 사이에 데이터 전달의 기본이 되는 props와 event에 대해서입니다.component(컴포넌트)와 데이터 전달React에서 Component는 UI를 이루는 HTML을 반환하는 작은 단위입니다. Component는 한번 만들면 원하는 곳에서 재사용하는 것이 가능합니다. Java에서의 class 또는 메서드라고 생각하시면됩니다. c.. 2022. 4. 22. [CSS] react를 공부하며 나왔던 CSS 정리 회사에 Admin 만들일이 있어서 react로 개발하게 되었습니다. 그런데 저는 web 관련해서는 거의 전무한 지식을 가지고 있습니다. 그래서 요즘 조금씩 react 공부를하는데 기초가 너무 없으니 배워야할게 많다는걸 느끼고 있습니다. 가장 문제가 되었던게 css에 대해서 지금까지 피해왔던 부분이었습니다. 해당 포스팅에서는 이번에 react를 공부하면서 보았던 css에 대한 기본과 새롭게 배운점을 정리를 해보고자합니다.CSS란CSS는 Style sheet 언어로 실제 프로그래밍 언어는 아닙니다. HTML 문서에 있는 DOM과 같은 Element들에게 선택적으로 스타일을 적용할 수 있는 언어입니다. 단독으로 사용할수는 없고 HTML과 함께 사용해야합니다.CSS RuleSetbody { margin: 0;.. 2022. 3. 19. [javascript] javascript 코딩 스타일 가이드 안녕하세요. 오늘은 javascript의 2번째 시간입니다. 오늘은 javacript 코딩 스타일 가이드에 대해서 알아보는 시간을 가져보도록 하겠습니다. 코딩은 대부분이 협업이기 때문에 스타일 가이드를 가지고 따르는 것이 중요합니다. 회사에서 정해진 스타일 가이드를 얼마나 잘 따르는지가 코드의 가독성을 높일 수 있기 때문입니다. 코드의 가독성이 높아진다는 것은 즉 유지보수가 쉬워진다는 뜻입니다. 스타일 가이드의 예로는 변수명은 어떻게 정할지, {}는 어떻게 표현할 지 등등이 있습니다. 오늘 여러분들에게 알려드릴 스타일 가이드는 w3schools과 google에서 제시하는 Style Guide를 참조하였습니다. 이름 정하기 먼저 이름을 정하는 방법에 대해서 알아보겠습니다. javascript에는 다양한 T.. 2020. 9. 18. [Javascript] Javascript의 `this` 키워드 이해하기 Back-End 개발자라 할지라도 Admin 페이지, 즉 백오피스 정도는 스스로 개발해야하는 경우가 많이 생깁니다. 이럴 때 보통 web을 통해 작업을 진행하는데요. front-end 개발자 만큼 깊게는 아닐지라도 전반적인 내용은 이해를 하고 있어야 합니다. 여기에 기본이 되는것이 html, css, javascript인데요. 오늘은 Javascript의 this라는 키워드에 대해서 알아보는 시간을 가지도록 하겠습니다. Java와 javascript는 구조가 많이 다르기 때문에 같은 syntax인 this일 지라도 그 용도가 많이 다릅니다. 테스트 방법 Javascript를 테스트하기 위해서는 html 파일을 만들어야 합니다. 매번 테이스트를 위해서 만드는 것은 무리가 있기 때문에 chrome의 debu.. 2020. 9. 12. 이전 1 다음
