분류 전체보기102 (5) React - Props 사용하기 단순히 국기 과정에서 수업받은 내용을 토대로 작성하였습니다. 태클은 언제나 환영합니다. 실력이 미숙한 관계로 사용하는 언어나 표현능력이 부족한 점 인지해주시길 바랍니다.. 이전 글과 이어서 진행됩니다. 1. 각 컴포넌트에는 props를 인자로 줄 수 있습니다. props를 인자로 주게 될 경우 이 컴포넌트에 적용되어있는 속성을 전부 알 수 있습니다. 현재 App.js에는 함수형 컴포넌트인 Hello에 어떠한 속성도 주지 않았습니다. 2. 현재 "props"라는 문자열을 붙여서 나타냈기 때문에 Object 타입으로 나타나고 있으며 console.log(props)로 타이핑했을 경우 undefined가 나타나는 것을 알 수 있을 것입니다. 3. 그럼 이제는 직접 속성을 부여해서 props를 인자로 받았을 경.. 2020. 7. 12. (4) React - CSS 적용시켜보기 단순히 국기 과정에서 수업받은 내용을 토대로 작성하였습니다. 태클은 언제나 환영합니다. 실력이 미숙한 관계로 사용하는 언어나 표현능력이 부족한 점 인지해주시길 바랍니다.. 이전 글과 이어서 진행됩니다. 1. css 스타일 넣어보기. 기존의 HTML에서 CSS 넣는 방식과 약간의 차이가 보이실겁니다. "backgroundColor"를 보시면 "-"가 빠져있는것을 볼 수 있는데 이것이 React에서 사용하는 JSX의 특징입니다. 그리고 style변수를 적용시키기 위해 "{style}" 이런식으로 태그를 완성시킵니다. 2. 결과 값으로 아래와 같이 CSS가 적용되어 나타나는 모습을 볼수가 있고. F12를 눌러보면 Style이 적용된 태그가 보입니다. 신기한 점은 배경색을 넣을때 쓰지 않은 backgroundC.. 2020. 7. 11. (3) React 구동시켜보기 (Hello, World) 단순히 국기 과정에서 수업받은 내용을 토대로 작성하였습니다. 태클은 언제나 환영합니다. 실력이 미숙한 관계로 사용하는 언어나 표현능력이 부족한 점 인지해주시길 바랍니다.. 이전 글과 이어서 진행됩니다. React는 웹페이지를 만드는 것이 아니다. 애플리케이션을 개발하는 기술임을 기억하자. 1. 우선 src이하에 폴더를 하나 만듭니다. 2. 저는 Component라는 이름의 폴더를 만들었습니다. 3. 그리고 Component이하의 파일로 "Hello.js"를 만들었습니다. vscode는 확장자명까지 입력해주어야 한다는 점 아실 거라 생각합니다. 4. 그리고 App.js에 가서 2-3번째 라인과 App Functiond에서 태그라인을 전부 제거합니다. (수업때는 지워서 사용했다는 점 참고해주세요,) 5. H.. 2020. 7. 11. (2) React의 설치방법 (사용준비) 단순히 국기 과정에서 수업받은 내용을 토대로 작성하였습니다. 태클은 언제나 환영합니다. 실력이 미숙한 관계로 사용하는 언어나 표현능력이 부족한 점 인지해주시길 바랍니다.. 1. CMD창을 켜서 원하는 위치에 폴더를 생성합니다. 아래의 "mkdir (원하는 폴더 이름)"처럼 생성을 합니다. 2. 이후 "npx create-react-app (앱 이름)" 명령어를 사용하여 리액트 설치의 준비를 합니다. 앱 이름은 원하는 이름을 넣으시면 되겠습니다. 특정한 이름은 안되는 경우가 있었으니 참고하시길 바랍니다.. 3. 위의 명령어를 타이핑 후 엔터를 누르면 다음과 같이 다운로드가 진행됩니다. 처음 하시는 경우에는 조금 오래걸릴수 있습니다. 이 명령어가 깃 레포지토리를 자동으로 초기화 해준다고 얼핏 들었습니다. 4.. 2020. 7. 11. (1) Node.js 설치방법 간단하게 방법만 설명하겠습니다.. 1. 구글에서 Nodejs를 검색하고 다운로드 페이지에 들어갑니다. 웬만하면 LTS버전으로 설치하는것이 좋습니다. 설치가 끝났으면 확인을 위한 작업을 진행합니다. 2. cmd창을 열어서 "node"를 타이핑하면 Type ".help" for more information이라는 문구가 나올 거예요. 이후 테스트 차원으로 1+2를 해보고 정상 값이 나오면 설치가 정상적으로 완료된 것입니다. 2020. 7. 11. Spring에서 XML을 이용한 CronExpression 사용방법 본 글을 작성하기에 앞서 작성자는 신입 개발자가 되기 위한 사람이며 공부 겸 저장을 위한 용도로 사용중임을 알립니다. 완벽하게 만들기 보다 우선적으로 실행이 가능하게 만드는 것을 목적으로 합니다.. 만약 글을 읽고 계신다면 알맞지 않은 용어를 사용하는 점에서 양해 부탁드리겠습니다. * @Scheduled를 사용하지 않는 방법을 작성 중이므로 어노테이션을 사용하는 방법을 찾으신다면 돌아가 주세요. 1. Quartz 관련 라이브러리와 보조 라이브러리인 Spring-context-support 라이브러리를 추가합니다. Quartz maven / Spring-context-support maven을 검색하시면 라이브러리를 얻어올 수 있습니다 * 보시면 spring-context-support는 쓰고 있는 스프링.. 2020. 7. 4. 이전 1 ··· 14 15 16 17 다음
