코딩 공부 일지

라이브러리도, 프레임워크도 코딩을 편하게 하려고 남이 만들어놓은 걸 가져다쓰는 것인데 프레임워크는 남이 짜둔 규칙이나 틀 안에서 내가 코딩을 자유롭게 한다는 점에서 편리한 것. 라이브러리는 내 마음대로 코드를 짜는데 거기서 남이 만들어놓은 것을 중간중간 자유롭게 가져다쓰니까 편리한 것. 그래서 통상적으로 프레임워크를 이용하는 경우 하나의 프레임워크 안에서 내가 코드를 짜게 되고 그 안에서 라이브러리는 백 개는 천 개든 가져다 쓸 수 있는 것이다.

소스 코드 두 개를 올리면 어떻게 다른지 알려주는 사이트 : https://www.diffchecker.com/ JSON 파일이 올바른지 검토해주는 사이트 : https://jsonformatter.curiousconcept.com/ JSON 파일을 손쉽게 수정할 수 있는 사이트 : https://jsoneditoronline.org/ JS 파일을 예쁘게 만들어주는 사이트 : https://prettier.io/playground/ 음...3주차 앱개발 강의..... 리액트 기초 지식을 배우고 그걸로 페이지를 이동시키는 네비게이터 기능을 배워보는 주였는데 component와 prop까지는 어떻게 이해했으나 state와 useEffect부터 전혀 따라가질 못해서ㅠㅠㅋㅋㅋㅋㅋ 그냥 하라는 대로 코드 복사해서..

3주차 강의 시작하기 전에 복습 차원으로 상세페이지 화면 만드는 퀴즈를 받았다. 문서 프로그램처럼 텍스트 양쪽 정렬하는 방법을 못 찾아서 그 부분만 남겨뒀다. 검색을 잘 못하나 봐....어제도 파이썬 문자열 자르는 방법을 스스로 못 찾아서 해설 강의 보고 배웠는데ㅠ.ㅠ 여하튼 코드는 붙여놓자. import React from 'react' import {View, Text, StyleSheet, Image, TouchableOpacity} from 'react-native' export default function DetailPage() { const tip = { "idx":9, "category":"재테크", "title":"렌탈 서비스 금액 비교해보기", "image": "https://stora..

크롤링 퀴즈 : 순위 영화제목 평점만 출력되게 하기 다음은 내가 짠 코드 import requests from bs4 import BeautifulSoup headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'} data = requests.get('https://movie.naver.com/movie/sdb/rank/rmovie.nhn?sel=pnt&date=20200303',headers=headers) soup = BeautifulSoup(data.text, 'html.parser') trs = soup..

Python 기초 공부 중 에러가 떴을 경우 맨 마지막 줄을 확인하고 그걸 복사해서 구글링하면 관련된 글을 확인할 수 있다. (그 윗줄은 오류가 난 위치를 보여준다.) 문자와 숫자를 같이 출력하고 싶을 때 num = str(2) 이렇게 하면 숫자 2를 문자열로 만들어준다. 프로그래밍에서의 함수란 '(변수를 받든 안 받든) 정해진 동작을 수행하는 것.' requests로 정보를 요청하고 beautifulsoup4로 원하는 정보를 솎아내는 작업을 한다. import requests from bs4 import BeautifulSoup headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, lik..

FAQ에서 가져온 내용 Text 태그 안에 Text 태그들이 있으면 개행(한줄 띄어쓰기)이 되지 않는다. View 태그 안에 있어야 내부 Text 태그들이 각각의 성격을 가지게 된다. Hi~{"\\n"} this is a test message. 또는 {` Hi~ this is a test message. `} [Q] import 시에 그냥 작성하는 것과 {} 처럼 괄호에 감싸서 import 하는 것은 어떤 차이가 있나요? / export default 와 export 는 어떤 차이가 있나요? [A] export와 import는 자바스크립트에서 파일을 여러 개로 쪼개는 방식에서 출발이 되었습니다. 크게 두 가지 방법으로 사용하실 수 있습니다. export default 는 import ... 와 대응이 ..

직접 앱 화면을 만들어보라는 예습 과제를 대뜸 받게 되어 엄청난 오류의 향연을 겪으며 맨땅에 헤딩하는 중. CSS에 익숙해져서 나는 오류가 아주 많았는데, 검색하다가 이런 글을 발견하게 되어 나중에 찬찬히 읽어보려고 첨부. https://wit.nts-corp.com/2020/03/23/6014 CSS와 리액트 네이티브의 차이를 적어두었는데 그걸 읽으니 '왜 이게 안 돼~!!' 하던 게 많이 해결되었다ㅠㅠ 공식문서들은 왜 전부 영어인 거지...... 각국의 언어로도 번역해주세요...... 그리고 예시 코드가 너무 부족해ㅠㅠㅠㅠㅠㅠ 오류가 너무 많이 나니까 급기야 프로그램에게 화를 내며 만지다가 결국 포기!!!! import React from 'react'; import main from './asset..

JQuery 화면에 입력시키는 건 $('#id').append(어쩌구) 지워지는 건 $('#id').empty() ----------------------------------------------------------- 숙제 과정 이번 주 숙제는 저번의 마사지볼 판매 페이지에 환율 OpenAPI 넣기! JQuery와 Ajax를 완벽히 이해했을 리는 없겠지만 생각보다 수월하게 따라했던 이번 주. 일단 div로 영역을 잡고, '달러-원 환율 : '까지는 적었는데 그 다음 환율이 들어가야 할 부분은...얘만 설정영역을 어떻게 잡지? 하다가 그냥 span태그를 쓰기로 했다. (사실 span이 뭔지도 잘 모르면서 쓰던 거 일단 쓰고 보기) span태그도 id를 줄 수 있나? 검색해보니까 style 말고도 id와..

VS Code (Visual Studio Code) 프로그램으로 리액트 네이티브와 Expo 공부하는 중 와 같은 태그를 리액트 네이티브에서는 JSX라고 부른다. JSX 밖에서 주석을 작성할 때는 // 치고 내용을 쓰면 되고 JSX 안에서는 {/*내용*/} 이렇게 적어야 주석으로 인식이 된다. 이 기호는 주석으로 적을 내용을 입력한 뒤 ctrl+/를 치면 자동으로 양쪽에 입력된다. 화면보다 코드 길어졌을 때 자동 줄바꿈 단축키는 Alt + z fontWeight는 100단위로 지정된다.

어제의 숙제 해설 강의 들으면서 기록한 것 map은 리스트를 가지고 활용할 수 있는, 로직을 세울 수 있는 공간을 마련해주는 것이라고 보면 된다. let fruit_list = ['사과','감','감','배','포도','포도','딸기','포도','감','수박','딸기'] let count = 0; fruit_list.map((f)=>{ if(f == "딸기") count += 1 }) console.log(count) f라고 적힌 매개변수(파라미터)가 리스트의 요소 하나하나를 받아서 함수에 사용되는 것. 정규표현식은 외울 필요 없고 오래 전에 만들어지고 천편일률적으로 쓰이는 것. 그냥 검색해서 복사하여 쓰자. function checkEmail(email){ var regExp = /^[0-9a-zA-Z..