profile
love myself ᰔ

Map

그럼 map에 대해 알아보겠습니다 🙋🏻‍♀️ 🙋🏻‍♀️✔️ map이란?map() 함수는 각 배열의 요소를 돌면서 인자로 전달된 함수를 사용하여 처리 된 새로운 결과를 새로운 배열에 담아 반환하는 함수입니다.저희는 지금 class로 컴포넌트를 사용하고 있기에 이러

2일 전
·
0개의 댓글

router (수정 필요)

Router를 들어가기 전에 앞서 CRA를 설치하고 어마어마하게 많은 파일이 들어있는것을 봤을겁니다!그 중 package.json이라는 파일이 있는데 한마디로 요약하면 node modules에는 너무 많은 파일이 있기 때문에 데이터적이나 속도면에서 힘드므로 간략하게 무

2일 전
·
0개의 댓글
post-thumbnail

TIL 19. map() method

⬆️⬆️⬆️ 저기에 있는 박스안에는 westagram 의 아이콘을 맵으로 변경한것입니다 💁🏻‍♀️ 💁🏻‍♀️우리는 map을 돌린다고 말하죠? 아마 map을 돌리면서 값을 계속 나오게 하려는걸 말하는것 같습니다 ! 그럼 map에 대해 알아보겠습니다 🙋🏻‍♀️

2020년 11월 15일
·
2개의 댓글
post-thumbnail

TIL 18. Westagram 로그인 페이지 기능 (state, event)

⬆️⬆️ 위에는 제가 구현한 페이지 🥰이제는 Html, Css, JavaScript로 정리했던 코드를 React로 바꿀 때 입니다 !!우선 로그인에 필요한 기능을 하나씩 구현해 보겠습니댜 👩🏻‍💻 👩🏻‍💻우선 로그인 버튼에 onClick 속성을 넣어줍니다.

2020년 11월 15일
·
0개의 댓글

코드카타 day4

4일차, 어제 못푼 코드카타가 찝찝하지만 우선 오늘 할일을 해야하기 때문에 오늘 코드카타를 했습니다!

2020년 11월 5일
·
0개의 댓글
post-thumbnail

TIL 17. React 4 - React Router, Sass

Router를 들어가기 전에 앞서 CRA를 설치하고 어마어마하게 많은 파일이 들어있는것을 봤을겁니다!그 중 package.json이라는 파일이 있는데 한마디로 요약하면 node modules에는 너무 많은 파일이 있기 때문에 데이터적이나 속도면에서 힘드므로 간략하게 무

2020년 11월 3일
·
0개의 댓글
post-thumbnail

TIL 16. React 3- Lifecycle (수정필요)

render, componentDidMount, componentDidUpdate, componentWillUnmount 등의 함수는 React.Component class에서 제공하는 메서드입니다.컴포넌트가 Lifecycle에 따라 각자의 메서드가 호출됩니다.

2020년 11월 3일
·
0개의 댓글

TIL 15. React 2 - Component

한마디로 정리하자면 '재사용이 가능한 UI 단위' 라고 말할 수 있습니다.예를 들어, 로그인, 회원가입 페이지 만들때 <input>태그 !여러개 필요했을겁니다. 그래서 똑같은 코드를 옮기는 작업도 많았을겁니다.이럴 때, 동일 코드가 반복되는 부분을 하나의 comp

2020년 11월 2일
·
0개의 댓글
post-thumbnail

TIL 14. React 1 - JSX

const hi = <p>Hi</p>JavaScript일까요? HTML일까요? 둘 다 아닙니다.왜냐하면 JSX는 JavaScript 확장버전입니다. 🙅🏻‍♀️🙅🏻‍♀️HTML과 아주 비슷하게 생겼고 JavaScript 파일 내에서 작성 할 수 있습니다

2020년 11월 2일
·
0개의 댓글
post-thumbnail

TIL 13. React

Angular:: 2010년 Google에서 개발한 Framework. TypeScript 기반으로 매우 안정적이고 탄탄한 Frontend App 개발이 가능하며 Framework답게 다양한 기능이 내장되어있다. 무겁고 배우기 어렵다는 단점이 있다.Vue:: 2014년

2020년 11월 2일
·
0개의 댓글
post-thumbnail

TIL 12. How the web works?

인터넷에 띄운다는 것은 홈페이지의 구성파일들이(html, css, js) 인터넷에 “항상" 연결되고, “절대" 꺼지지 않는 호스트 컴퓨터(웹 서버)에 저장되어 있다가 사용자의 요청이 오면 언제든 응답IP 주소는 Internet으로 통신하는 각 device(컴퓨터, 통신

2020년 11월 1일
·
0개의 댓글
post-thumbnail

TIL 11. git

git 이란? > * Git은 내 컴퓨터에서만 운영해도 되지만 거의 99%는 원격서버와 같이 연계해서 협업을 하며 사용합니다. 우선 git의 구체적인 내용을 보기전에 그림으로 쉽게 이해하자 ! git.png

2020년 11월 1일
·
0개의 댓글
post-thumbnail

TIL 10. Database

데이터를 저장 및 보존하는 시스템Application에서는 데이터가 메모리 상에서 존재하지만, 해당 애플리케이션이 종료되면 메모리에 있던 데이터들은 다시 읽어 들일 수 없기 때문.데이터를 장기 기간 동안 저장 및 보존하기 위해 데이터 베이스를 사용하는 것.이름 그대로,

2020년 11월 1일
·
0개의 댓글
post-thumbnail

TIL 9. Linux & Terminal

오픈 소스 (무료)여러가지 이유로 서버는 linux 기반으로 운영되고 있다.구글 에서 배포하는 안드로이드 역시 리눅스의 일종 최상위 경로이자 루트폴더. / 기호로 접근할 수 있다.bin은 OS의 최소한의 구동을 위해 필요한 프로그램이 들어있는 폴더.cat, chmod,

2020년 10월 28일
·
0개의 댓글

TIL 8. String indexOf(), String slice()

indexOf() 함수로 특정 문자열을 찾을 수 있다.결과로는 찾고자 하는 문자가 몇번째에 있는지 알려준다.만약 해당 문자열이 없다면 -1을 반환한다. "문자열".indexOf("찾을 문자")배열 메소드 중 하나인 slice는 배열의 일부분(slice) or 부분 배열

2020년 10월 24일
·
0개의 댓글
post-thumbnail

TIL 7. Function

프로그램을 구성하는 기본적인 빌딩 블록subprogram이라 불리며, 여러번 재사용이 가능하다.대체로 한가지의 일이나 어떠한 값을 계산하기 위해 쓰인다.parameter 같은 input을 받아 처리해서 output을 만들어낸다.function의 이름을 짓는 것도 중요하

2020년 10월 24일
·
0개의 댓글
post-thumbnail

TIL 6. 개발자 도구

Network 패널의 기능은? > 현재 내가 보고있는 페이지에서 일어나고 있는 모든 통신을 나타낸다. (백엔드와 프론트사이의 관계, 프론트와 유저사이의 관계) Network 패널의 여러 가지 탭의 종류와 기능 살펴보기 > Network 패널엔 많은 탭이 있지만 그

2020년 10월 23일
·
0개의 댓글

repl.it

문제getTotal 이라는 이름의 함수를 만들어주세요. 가격정보 2개를 인자로 받습니다.인자이름은 원하는대로 지어주셔도 됩니다.getTotal 함수에서 인자로 받은 가격으로 각각 calculateTotal 함수를 호출해주세요. 그리고 그 결과값을 더해서 반환해주세요.풀

2020년 10월 23일
·
0개의 댓글
post-thumbnail

TIL 5. operator, of, for loop

string literals의 장점은 줄바꿈을 하거나 특수기호를 써도 그대로 문자열로 변환되어 나온다!||(or)||(or)에서는 제일 먼저 나오는 truthy 값을 출력하고 멈춘다.truthy값이 없으면 마지막을 출력한다.연산을 많이 하는 함수를 호출하거나 표현식을

2020년 10월 22일
·
0개의 댓글
post-thumbnail

TIL 4. let vs var, hoisting, data type

대부분의 언어들은 변수를 선언하고 나서 값을 할당하는게 정상인데, 자바스크립트 var은 변수를 선언하기도 전에 값을 할당하는게 가능하다.심지어 값을 할당하기도 전에 출력이 가능하다. 이런 현상을 var hosting이라고 한다.hosting은 어디에 선언했는가와 상관없

2020년 10월 22일
·
0개의 댓글