하하호호호 니꼬쌤이랑의 리액트 네이티브 투두리스트 클론코딩을 해봤는디 재밌당 흐음... 코드 리뷰를 해보겠슴다. import { StatusBar } from "expo-status-bar"; //이 컴포넌트는 따로 사용 안했어요 import { //요번 프로젝트에서 사용한 컴포넌트들 Alert, //사용자에게 알림을 보여주는 컴포넌트 리액트 네이티브 웹에서는 작동이 안된대요 ScrollView, StyleSheet, Text, TextInput, //그냥 인풋이아니라 텍스트 인풋이라는 컴포넌트를 사용했슴 TouchableOpacity, //리액트에 버튼과 동일한 기능의 컴포넌트 View, Platform, //호호 플랫폼 이게 또 신기함 추가설명은 밑에 } from "react-native"; impo..

흐음... 앱만들기를 한번 바워보자구요 하하하하하 일단 react-native는 expo라는 라이브러리가 쉽게 부가적인것을 제공해서 최적화 해준다는구먼요 노마드코더 클론코딩 오늘 해본것들을 복습해보자구~ expo 를 인스톨 하고 expo init 명령어를 통해 react-native 프레임을 만듭니다. 근데 이게 depricated라고 뜨는것을 보니 업데이트 안하나봄 앞으로는 뭘로해야하는 거징?? import { StatusBar } from "expo-status-bar"; // 스마트폰 상단에 알림등을 보여주는 바를 나타냄 import { useEffect, useState } from "react"; //react의 훅들을 차용하나봄 import { ScrollView, //react-native는..

오늘은 socket.io를 통한 실시간 채팅기능을 구현해보았다. 노마드코더에 니꼬 쌤 강의 보면서 클론 코딩 했다. ㅋ 오늘 한거 복습이나 해보자고 ㄱㄱ 처음 써봤는데 띠용함 pug라는 라이브러리가 html을 대신해 주는듯 호오... 일단 자식태그는 부모태그보다 스페이스 하나이상 뒤에 있어야함 동일 수준의 태그는 동일 위치에 있어야하고 태그뒤에 #name을 통해 id를 부여할수 있다. script는 아래처럼 import함 html(lang="en") head meta(charset="UTF-8") meta(name="viewport", content="width=device-width, initial-scale=1.0") title Document body header h1 noom main div#we..

노마드 코더 클론코딩하면서 만들어본 그림판 렛츠 코드 복습 DOCTYPE html> painter 홈으로 //홈 page가 따로 있어서 거길로 가는 버튼임 //그림이 그려질 캔버스 태그 요게 있어야 되쥬? //인풋인데 타입이 range임 //이런 타입도 있다는게 신기함 type이 color임 오호 //section은 그냥 색깔들 가로 정렬시키기 위한 부모태그 체인지 //모드를 변형시키기 위한 버튼 초기화 //화면을 하얗게 만들기 위한 버튼 지우개 //그림판의 지우개를 만듦 //요게 이제 외부 이미지 파일 끌어올수 있음 //accept를 통해 원하는 종류의 파일구분 저장 //마지막에 스크립트 태그 뭐 여긴 별거 없는듯? body { background-color: pink; display: flex; fl..

코딩테스트 갔다가 부딪힌 바닐라 자바스크립트 난 참패 했다. react랑 next만 들여다 보고 바닐라 자바스크립트를 소홀히 했기 때문에 일어난 대참사였다. 애초에 작년 10월부터 코딩을 시작했으면서 뭔 자신감으로 바닐라를 무시한건지... 븅딱이다. html요소를 끌어와야 되는데 document.querySelector 나 document.getElementById 의 document가 생각이 안나서 15분동안 html.getElementById 이었나??? 아닌뎅? body.queryselector인가? 이러면서 땀만 흘리고 있었다. 반성의 의미로 시작된 바닐라 조지기 프로젝트 출발한다. 노마드 코더님의 자바스크립트로 크롬앱만들기 클론코딩 DOCTYPE html> //css 파일 불러오기 바닐라 자바스..

JadenCase 문자열 만들기 //띄어쓰기 단위로 배열로 만들고 map을 돌린다. 각 item에 대해서 도 배열로 만들어 map을 돌리는데 idx가 0이면 //대문자로 만들고 나머지는 소문자로 만든다. 다시 문자열로 돌리고 반환해주고 전체 배열을 join에 띄어쓰기를 넣어서 //반환하면 끝 //오 charAt으로 문자열 첫 인덱스에 해당하는애에다 다머지 잘라낸애들을 더하는 방식 좋다. 굳이 이중 반복문 //필요 없네 흐음.... ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 최솟값 만들기 //뭐 그냥 두배열 최대랑 최소 곱하고 곱해나가고 최소랑 최대 곱하면 될것 같았음 ㅋ //그래서 하나는 오름차순 하나는 내림차순으로 하고 같은 인덱스끼리 곱해서 축적해서 반환 ~~~~..