본문 바로가기

전체 글58

[1] JSX 기본 문법 JSX JSX는 HTML이랑 비슷하지만, 지켜야 할 규칙이 몇가지 있음 React 개발을 쉽게 하기 위해, HTML과 비슷한 문법으로 작성하면 React.createElement를 사용하는 자바스크립트의 형태로 변환해줌. 1. 태그는 꼭 닫혀있어야 함 #한 번 열은 태그를 그 자리에서 바로 닫는다. 2. 두 개 이상의 엘리먼트는 무조건 하나의 엘리먼트로 감싸져 있어야 함. 안뇽1 안뇽2 근데 구찮게 이렇게 div로 꼭 감싸주어야하나?! 뭔가 불필요해 보인다. => 이런 문제를 해결하려면 Fragment로 감싸주면 된당! import React, { Component, Fragment } from 'react'; class App extends Component { render() { return ( 안녕.. 2020. 7. 6.
[React] Webpack, Babel이란? Webpack 코드들을 의존하는 순서대로 잘 합쳐서 하나 또는 여러 개의 파일로 결과물을 만들어냄 파일을 하나 하나 만든 것들을 HTML에서 매번 불러오는게 아니라, js에서 import한 것들을 bundling작업을 하게될 때 특정 확장자마다 어떠한 처리 작업을 하도록 준비를 해줌. 이미지들을 압축하고, 그 결과물로는 특정 경로에 특정 이름으로 저장하게끔 만들 수 있음. js파일을 여러 개 만들었을 때, 나중에 합쳐서 하나의 파일로 만들어줌. (나중에 원하면 규칙에 따라 분리시켜줄 수도 있음) 추가 : 우리가 나중에 ES6를 사용할건데, 구형 브라우저에서 지원이 안되는 경우가 있음. 그래서 새로운 문법을 사용할 수 있게끔 나중에 Babel을 사용함. js파일이 여러 종류의 브라우저에서 사용될 수 있게!.. 2020. 7. 6.
iOS 앱 등록시 꼭 필요한 준비물 먼저 iOS 앱 스토어에 앱을 등록하기는 생각보다 까다롭다. 안드로이드 앱 등록은 해보지 않았지만 안드로이드는 비교적 올리기 쉽다고 하더라.. (엉엉) 어쨌든 그래서인지 등록하고 나면 괜히 내가 뿌듯 ꒰⸝⸝•｡•⸝⸝꒱ 키키 아이폰 Developer에 등록하고(돈내야함), Certificate만들어서 어쩌고.. 하는건 삽질을 너무 많이 해서(뭐.. 결국 되긴 됨) Appstore Connect 페이지에서 요구하는 사항들만 적어봤다. 일단 필요한 사항에 대해 나열해 보겠다! 앱 이름, 부제 당연한 말이겠지만, 앱이 어떤 이름으로 배포될 것인지에 대한 정보가 필요하다. 부제도 있으면 좋다. 앱의 카테고리 나의 앱이 어떤 카테고리 안에 들어갈 것인지에 대해 골라주면 된다. 대충 게임, 교육, 금융, 날씨, 도서.. 2020. 7. 2.
[서론] iOS 앱 등록하기 학생들이 만든 iOS 앱을 App Store에 등록해주고 있다. 처음에는 정말 알 수 없는 오류가 많이 나 정말 많이 헤맸는데, 많은 삽질을 통해 지금은 대충 아 이런 에러구나~ 하고 조금 더 빠르게 앱을 등록할 수 있게 되었다. 모든 앱을 성공적으로 올린 것은 아니지만, 그래도 10개가 넘는 앱들을 올리며 나름의 노하우가 생겼다고 자부한다(?). 에러를 해결하며 가장 아쉬웠던 점은 한국어로 써 있는 문서가 별로 없다는 것이었는데, 그래서 이번에 에러를 해결하며 헤맸던 부분을 대강이나마 글로 작성해 남겨두려고 한다. 누군가에게는 도움이 되었으면 좋겠다. 그럼 20000 2020. 7. 1.
한 대의 맥에서 여러 개의 github 계정 사용하기 문제점 이 글의 가장 큰 문제점은 거의 다 쓴 글이 날아갔다는 것이다. 거지같은 컴퓨터.. 너무 화가 난다. 왜 임시저장이 자동으로 되지 않는거지!??!!?!? (스트레스) 아 열심히 썼는데 %^^^... 각설하고, 이번에 개인적인 일로 깃헙 계정을 한 개 더 만들어야 할 일이 생겼다. 이미 깃헙 계정이 등록되어있는 나의 맥에서 새로운 깃헙 계정을 써야 할 일이 생긴 것이다. 예전에 ssh key 등록을 할 때 나름 애먹은 기억이 있어 괜히 망설여지긴 했지만, 그래도 쉽게 잘 됐다. 아래 순서대로 차근차근 따라오면 여러분들도 쉽게 만들 수 있을 거에욥 ^___^... 1. 키 생성 먼저, 아래 명령을 터미널에 입력한다. ssh-keygen -t rsa -b 4096 -C "등록하고싶은 깃헙 이메일 주소".. 2020. 2. 18.
[Django] DB 옮길 때 shell 사용해 옮기는 꼼수 # 문제 최근 페이지를 만들면서 친구에게 코드 리뷰를 받았다. Model에 코드가 중복되어 있어 좋은 코드가 아니라고 해서, 기존의 모델을 한 개로 합치기로 했다. 실리콘밸리 레터와 미라클 레터라는 모델 두개를 "Letter"라는 모델 하나로 만들어 넣는데, 내가 저장해 놓은 데이터들을 어떻게 옮기느냐의 문제가 생겼다. 하나 하나 옮기려면 시간이 너무 많이 걸릴 것으로 생각되어 python의 Shell을 이용해 옮기기로 했다. # 해결 1. 터미널에 아래를 입력해 shell을 켠다. python3 manage.py shell 2. 우리가 사용할 django와 모델을 import 해준다. import django from letter.models import LetterML 3. 쿼리셋에 Letter의 o.. 2020. 2. 14.
[Django] static debug 문제 # 문제점 요즘 장고로 간단한 웹 개발을 하고 있는데, 어제 pythonanywhere로 배포를 했다. 마지막에 Debug False로 해두고 뭔가를 바꾸어서 올리려 했는데 갑자기 css가 불러와지지 않았다.ㅠㅠ css 경로 그런거 아무것도 안만졌는데!!!!! (사실 내가 뭐 잘못 눌러서 에러뜨는 줄 알고 멀쩡한 코드만 눈빠져라 봤다아아아악) 결론은 아래와 같은 에러가 떠서 because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. 찾아봤는데 stackoverflow에는 계속 내가 경로설정을 잘못했다고 했다.....(경로건드린거없는데^ ^^..) 어쨌든 1시간동.. 2020. 2. 13.
리액트 기초 리액트로 프로젝트를 생성하면, node_modules, public, src 폴더가 생긴 것을 알 수 있다. 뭐, 우리는 node_modules나 public 을 거의 건드리지는 않을거고, 거의 src 안의 파일들을 건드리게 될 것이당! 케케 하지만 먼저 public 폴더의 index.html을 보자.우리가 알던 흔한 html의 파일과는 쬐금 다르다. yarn start를 하면 분명 이렇게 페이지가 켜지는데, DOCTYPE html> React App index.html 을 보면 아무 내용이 없고, body 안에 root라는 id를 가진 div 하나만이 있는 것을 볼 수 있다. >>ㅑ 짱신기 일단 신기한 걸 제외하고, src 폴더 안의 파일들을 보면 App.css,App.js,App.test.jsinde.. 2018. 6. 16.
로컬에서 리액트 개발환경 세팅하기 1. Node.js를 설치한다.2. git을 설치한다. (xcode가 있으면 다운 안받아도 된당)3. 터미널을 연다. (윈도우는 git-bash 실행)4. `sudo npm install create-react-app -g`5. `sudo npm install yarn -g`6. `create-react-app testapp`7. `cd testapp`8. `yarn start`그럼 시작한다앗!!! 2018. 6. 16.

티스토리툴바