Dev
[React] 컴포넌트 빌드하기
01. src 폴더 안에 components 폴더 생성 후 Hello.js파일 생성 cd src mkdir components cd components touch Hello.js 02. Hello Function 생성 후 Tag 반환 export default function Hello () { //1 return( Hello React ) } //1 export default 설정을 해두면 해당 파일을 읽을 때 기본적으로 해당 함수(Hello)를 호출한다. 03. App.js에서 호출하기 import Hello from "./components/Hello"; //1 export default function App() { return ( //2 ) } //1 import from을 사용하여 Hello ..
[React] create-react-app을 이용한 프로젝트 생성
01. Node JS 설치 아래의 링크로 들어가 Node JS를 설치한다. 이 때 LTS 버전으로 설치하자. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 02. npx react-create-app "폴더 이름" npx create-react-app pinoReact 03. 생성된 폴더에서 vscode를 실행시키면 아래와 같은 폴더 구조로 이루어짐 04. 프로그램 실행 아래의 명령어를 이용하여 프로그램을 실행한다. npm start 실행하면 아래와 같은 화면이 나오면 성공이다.
[JavaScript] 배열과 객체
JavaScript의 자료형은 Number, String, Null, Boolean, Undefinded ...가 있는 데, 그 중 배열(array)와 객체(object)에 대해서 알아보자. 배열 Array 배열은 여러가지의 값을 한 번에 저장할 수 있는 자료형이며, 형태는 아래와 같다. //배열 생성 let ary1 = [1,2,3] //빈 배열 생성 let ary2 = [] 배열은 자료의 순서가 중요한 자료형이며, 배열에 속한 값을 꺼낼 때는 아래와 같다. let ary1 = [1,2,3] ary[0] //1 ary[1] //2 ary[2] //3 아래와 같은 방법으로 배열에 값을 넣거나, 수정할 수 있다. //ary1 let ary1 = [1,2,3] ary1[0] = 6 console.log(ar..
[JavaScript] 함수
JavaScript에서 함수란 코드의 집합을 의미하며, 아래와 같이 작성한다. /* function 함수명(매개변수){ 실행 코드 } */ function MyFunction() { } 추가로 아래와 같이 함수를 선언 할 수 있다. //익명 함수 : 함수에 이름을 짓지 않고 선언하고, 변수에 저장한다. const myFunction = function(){ } //화살표 함수(Arrow Function) : 익명 함수의 ES6 표기 방법 /* function 키워드 대신 소괄호 뒤에 '=>'를 적어 선언 */ const myFunction = () => { } //콜백 함수 : 매개 변수로 넘어가는 함수를 의미하며 익명 함수(혹은 화살표 홤수)와 같이 작성한다. myFunction(() => {}) 함수..
[ERROR] expo start 에러
022-05-02T02:19:44,021: [cli] Failed to open /Users/admin/Library/LaunchAgents/com.github.facebook.watchman.plist for write: Permission denied Fatal error detected at: 0 libfolly.0.58.0-dev.dylib 0x000000010f13832e _ZN5folly10symbolizer17getStackTraceSafeEPmm + 9 1 libfolly.0.58.0-dev.dylib 0x000000010f1396fb _ZN5folly10symbolizer21SafeStackTracePrinter15printStackTraceEb + 63 2 watchman 0x00000..
[React Native] expo를 활용하여 프로젝트 생성
저는 Xcode 혹은 Android Studio를 설치하여 진행하지 않고, expo로 휴대폰과 연결하여 사용 합니다. 01. 터미널의 명령어를 이용하여 expo-cli를 다운 받고, expo init으로 프로젝트 생성 //Install expo npm install --global expo-cli //Create Project(project name : FirstApp) expo init FirstApp //Templete Blank 선택 02. App Store에서 Expo Go 어플 설치 및 실행 후 회원가입 및 로그인 진행 03. expo login 아래의 명령을 이용하여 로그인을 해준다. expo login // Username / Email Address : Eamil or ID 입력 // Pa..
[Node JS] 개발 환경 - Prettier, Eslint
//.eslintrc.js module.exports = { extends: ["airbnb-base", "plugin:node/recommended", "prettier"], } Prettier Code Formatter는 개발자가 작성한 코드를 정해진 코딩 스타일을 따르도록 변환해주는 도구다. Prettier는 이러한 Code Formatter 중에서도 많은 인기가 있는 자바스크립트 라이브러리다. Prettier 적용하기 vscode 확장에서 해당 모듈을 설치한다. npm 모듈을 이용하여 prettier를 설치합니다. npm install prettier .vscode/settings.json 파일을 생성하여 prettier를 사용한다는 설정을 합니다. //.vscode/settings.json { ..
[Python] 내장 함수
len() len()은 리스트의 길이를 반환하는 함수다. def=[1,2,3] print(len(def)) # 3 슬라이스 슬라이스는 리스트를 슬라이스한다. def = "python" print(def[0:3]) // 0
[JSP] 내장 객체의 종류
내장 객체의 종류 내장 객체 소속 패키지 클래스 이름 사용 용도 request javax.servlet.http HttpServletRequest 요청에 따른 폼 양식 정보 처리 response javax.servlet.http HttpServletResponse 요청에 대한 응답 처리 session javax.servlet.http HttpSession 세션 정보 처리 application javax.servlet ServletContext 웹 애플리케이션 정보 처리 config javax.servlet ServletConfig 현 JSP 페이지 환경 처리 exception java.lang Throwable 예외처리를 위한 객체 page java.lang Object 현재 JSP 페이지에 대한 클래스..
[Python] 기본 함수 정리
01. print() 여러 자료 출력을 하는 함수이다. print("Hello " + "world") //Hello world print("Hello ", "world") //Hello world 02. eval() 실행 가능한 연산식 문자열을 실행한 결과를 반환 eval("3+12") //15 eval("3/2") //1.5 03. type() 매개 변수로 넣은 값의 자료형을 알 수 있다. type(3) // type(3.14) // type("Hello") // 04. divmod() divmod(a,b)는 몫 연산과 나머지 연산을 함께 수행한다. 28 // , 28 % 3 // 9, 1 divmod(28, 3) // 9, 1 num1, num2 = divmod(28/3) print(num1, num..