본문 바로가기

전체 글

(21)
[새싹 프론트엔드] 22.12.18 TypeScript 에 대해서도 배웠는데 그걸 적기엔 이 공간의 여백이 너무 좁아서 여기에 적지 않겠다 Git 에 대해 알아보자 ! Git 은 어둠의 개발자들도 빛의 개발자들과 함께 일을 할 수 있게 해주는 엄청나게 좋은 시스템이다 사실 나는 아직 제대로 써본 적이 없어서 잘은 모르지만 느낌이 그렇다 아무튼 개발자들은 깃을 이용해서 소스 코드를 효율적으로 관리 할 수 있다고 한다 나같은 아싸 찐따 개발 지원자도 피해 갈 수 없는 필수코스 ' 협업 ' 듣기만해도 가슴이 철렁이고 숨쉬기가 힘들지만 밥 먹고 살기 위해선 어쩔 수 없는 운명이다 깃허브에서 어떤 녀석이 장난질을 하는지 지능이 낮은지 한번에 알 수 있어서 인간관계를 수월하게 정리 할 수도 있다 Git Program ( 깃 프로그램 ) ● 깃허브 데..
[새싹 프론트엔드] 22.12.05 나는 코딩 머리는 확실히 없다. 하지만 코딩 머리가 없다고 비관할 필요는 없다. 코딩 머리가 없다고 한다면 그것을 습득하면 되니까 낮은 지능을 높여보자 import React, { useState } from 'react'; const Prac1 = () => { const [names, setNames] = useState(['초콜렛', '사탕']); const [input, setInput] = useState(''); function InputChange(e) { setInput(e.target.value); } function uploadInput() { setNames(function (prevState) { return [...prevState, input]; }); } return ( 추가 ..
[새싹 프론트엔트] 22.12.04 리액트를 잘 쓰려면 자바스크립트를 잘 이해해야 하는데 자바스크립트를 아직 잘못하니까 리액트도 덤으로 못하게 되었다. 노력하면 언젠간 잘 할 수 있게 될 거라고 믿는다. 오늘은 자바스크립트의 문법 중 하나인 map 과 filter 에 대해 알아보자 ! 예를 들어서 'numArr' 이란 이름의 배열이 있다 . 그리고 'num_1' 을 map 함수를 이용하여 새롭게 만들어 볼거다. 어쩌고.map( ( dk ) => { return dk } ) 이렇게 화살표 함수를 이용해여 사용하면 된다. 저기 map 안에 있는 ( num )에 있는 num 은 뭐로 하든 상관없다. 사과든 바나나든 자기가 하기싶은거로 이름을 정해주면 된다. 저 num 은 이제 numArr 에 있던 배열값들을 한바퀴 쓱 돈다. 10 에서 시작해서..