본문 바로가기

Framework & Library

Vue 입문하기 1. Vue 란? 2021. 5. 4. 더보기 약 두달 동안의 vue.js 를 사용한 웹 개발을 해오면서 계속해서 아쉬웠던 뷰의 기초, 응용 이론 공부를 조금 해보자ㅏㅏㅏ 먼저, 내가 뷰를 사용하게 된 계기는 프론트 개발에 있어서 러닝커브가 비교적 낮으면서, 추후에 비슷한 프레임워크인 리액트로의 기술적 확장이 가능할 것 같아서였다. (사실 리액트를 먼저 시작했다가 이건 뭐지 저건 뭐지 난해했던....) 뷰는 jsp 개발 경험이 있던 내가 바로 개발 할 수 있을 정도의 난이도였다. ( 하지만 스스로 잘 만들었다고는 못하겠... ㅜ ) 나의 경우, 뷰를 사용해서 기능과 화면 구현은 어느정도 가능했으나.. 기획과 동시에 코드를 짜다보니, 코드의 가독성, 그리고 컴포넌트 구성에서 뭔가 잘못되었다는 생각이 자주 들었다. 그래서 사비를 들여 강의를 구입..
React 입문하기 2. React설치와 component 만들기 2021. 1. 29. 리액트를 사용하기 위해서는 몇 가지 프로그램의 설치가 필요하다. 1. node.js (npm이 포함) 2. yarn (npm을 대체 할 수 있는 도구) 3. visual studio code 세 가지 모두 최신버전으로 설치해준다. 전부 다운 받고 나서, 리액트 작업을 할 폴더 하나를 만들어주고(쉽게 찾으려면 폴더를 바탕화면에 만들어주자.), vscode에서 해당 폴더를 열어준다. vscode의 터미널에서 npm을 설치, 다운받아주고, (터미널은 Git Bash에서도 가능.) npm으로 프로젝트 폴더를 만든다. -> 만약, npx로 만들어주면 일회성이 된다.(프로그램이 한 번만 실행된 후 삭제됨.) 이후, 프로젝트 폴더경로로 들어가 리액트를 실행시킨다. 완성된 프로젝트 폴더를 보면, public과 src ..
VSCode에서 리액트 실행시 PowerShell 권한 오류 2021. 1. 27. vscode에서 처음으로 리액트를 실행하고, 한번 더 같은 방법으로 새로운 폴더 생성 후, 리액트를 실행하려고 하니 powershell의 권한 오류가 떴다. (처음엔 왜 됐던걸까?) 검색해 본 결과, vscode의 터미널(powershell)에서 리액트를 설치하려고 할 때에, 권한 문제가 발생하여 yarn 파일을 불러올 수 없는 경우라고 한다. 문제 해결방법 시작버튼 -> powershell 검색 -> 관리자 권한으로 powershell 실행 -> 명령어 입력 ExecutionPolicy 를 치면, Restricted 제한 상태가 나온다. Set-ExecutionPolicy Unrestricted 를 치고 엔터, 다시 한번 ExecutionPolicy 를 치면, Unrestricted 제한이 풀린 상태가..
React 입문하기 1. React란? 2021. 1. 21. 새 프로젝트를 시작하기 앞서서 리액트 입문에 나섰다. 그 입문기를 적어보려고 한다. 먼저, 리액트란 페이스북 서버 개발자가 만든 프론트엔드 라이브러리이며, 자바스크립트로 구성되어 있다. 주로 웹, 앱 view 개발을 위해 사용한다. 리액트를 사용하려면 리액트의 특징이라고 할 수 있는 3가지 요소들을 알아야 한다. 1. JSX ( JavaScript eXtension ) JSX(JavaScript eXtension)는 자바스크립트 언어 문법의 확장이다. HTML문법을 JS코드 내에서 사용 할 수 있게 해준다. ex. function App() { return ( //HTML태그를 JS상에서 사용 가능. Hello, React!! ); } 2. Component 기반 state(상태)를 컴포넌트를 통해 값을..
Spring Frame work 구조 파악하기 2021. 1. 4.
JSTL : foreach에서의 varStatus 속성 정리 링크 2021. 1. 4. postitforhooney.tistory.com/entry/JSPJSTL-JSTL-foreach%EC%97%90%EC%84%9C%EC%9D%98-varStatus-%EC%86%8D%EC%84%B1-%EC%9D%B4%EC%9A%A9 [JSP/JSTL] JSTL, foreach에서의 varStatus 속성 이용 JSTL : foreach에서의 varStatus 속성 태그 상태 속성 입니다. 속성을 이용해서 제어하면 좀더 쉽게 제어할수있습니다. ${status.current} ${status.index} postitforhooney.tistory.com
Spring MVC Project - pom.xml JDK 11 버전으로 설정하기 2020. 12. 15. 4.0.0  org.zerok  controller ex01 war 1.0.0-BUILD-SNAPSHOT    11   5.0.0.RELEASE   5.0.0.RELEASE   1.6.10   1.6.6

티스토리툴바