2021/07 5

[React] 틱택토 추가 기능 구현하기 (1)

잠깐!✋ 이 포스팅은 React 자습서를 따라해보고 복습을 목적으로 하는 포스팅입니다 틀린 부분이 있으면 정정 부탁드립니다! 리액트 자습서(틱택토 만들기) 링크: https://reactjs.org/tutorial/tutorial.html Tutorial: Intro to React – React A JavaScript library for building user interfaces reactjs.org 리액트 자습서 마지막 부분을 보면 연습을 위해서 추가 기능을 제시해 놓았다 1. Display the location for each move in the format (col, row) in the move history list. (이동 기록 목록에서 특정 형식(행, 열)으로 각 이동의 위치를 표시..

FE/React 2021.07.29

[React] 틱택토 게임으로 알아보는 props와 state

잠깐!✋ 이 포스팅은 React 자습서를 따라해보고 복습을 목적으로 하는 포스팅입니다 틀린 부분이 있으면 정정 부탁드립니다! https://ko.reactjs.org/tutorial/tutorial.html#passing-data-through-props 자습서: React 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 오늘은 props와 state에 대해서 알아보도록 하겠습니다 먼저 둘의 특징을 요약하자면 props 1. 읽기 전용 데이터(수정 불가능) 2. 부모 컴포넌트에서 자식 컴포넌트로 전달하는 단방향 데이터 state 1. 컴포넌트가 가지는 동적인 값(변경 가능) 버튼 눌렸는지 여부...값이 몇인지 등등..

FE/React 2021.07.28

[Github]깃허브 학생 인증 하고 pro 업그레이드 하기

깃허브에서 학생 인증하면 pro 기능을 무료로 쓸 수 있다는걸 알게 된 김에 정리하는 포스팅🥳 1. 깃허브 메인페이지에서 Explore 탭 - GitHub Education을 선택한다 2. GitHub Student Developer Pack 메뉴를 클릭한다, 로그인 안돼있으면 다음 단계에서 하기! 3. Get your pack 버튼 누르고 지원서 빈칸 다 채우기(깃허브 사용 목적) 나는 기본 이메일이 학교용 이메일이 아니라서 별도로 이메일 추가 과정을 거쳤다 (유효기간이 적혀있는 학생증 필요, 제출할 수 없는 경우 관련 서류 필요) 4. 제출 끝~ 디자인 툴이랑 프론트엔드 학습 사이트 있던데 통과되면 바로 써봐야지☺️ +약 이틀 후 프로로 업그레이드 완료 ✨ 오피스 계정('o.ac.kr')보다 학교 계..

Git & GitHub 2021.07.27

[Journal] 면접 떨어진 김에 하는 자기 반성과 3분기 목표🌻

7월 초...모 웹 데브코스에 지원했다가 얼떨결에 자소서 / 코테 단계를 통과해버렸다 그리고 어제 나온 결과는... 사실 교육과정이 마음에 들어서 꼭 듣고싶은 코스였기 때문에 불합격 소식을 받고 마음이 정말정말 아팠는데😂 지나간 일은 어쩔수 없으니까!!! 다른 좋은 교육과정도 많으니까!!!! 마음을 다잡고 있습니다 더 일찍 생각하고 보완했으면 좋았겠지만...지금이라도 나의 부족한 점이 뭐였을지 고민해보면 1. 면접 때 너무 긴장해서 말을 제대로 못했다...는 핑계고 면접 말하기 연습을 충분히 하지 않았다 2. 주 프로젝트로 제출한 결과물이 웹과 직접적인 관련이 없는 기술로만 구현됐다 (이건 웹 관련 코스인데...!) 3. 내가 프론트엔드 개발자가 되고 싶은 납득할만한 이유나 공부 방향을 말하지 못했다 4..

Daily 2021.07.27

[Javascript] Exec 함수 / Match 함수 / MatchAll 함수 알아보기

1. RegExp.prototype.exec 인수로 전달받은 문자열에 대해 정규식과 일치하는지 탐색을 수행한 한 결과를 배열(없다면 null)로 반환한다. 2. String.prototype.match 자신을 호출한 문자열과 인수로 전달받은 정규 표현식과의 매칭 결과를 배열(없다면 null)로 반환한다. 일단 exec()의 형식은 정규식.exec(문자열) / match()의 형식은 문자열.match(정규식) 로 순서가 반대이다. 그럼 순서에서 차이점만 있는건가...? 했는데 그건 또 아니었음 🤔 차이점 1) 정규식에 g 플래그를 붙여서 함수를 실행하면 match는 문자열에서 해당하는 부분을 전부 배열에 넣어서 return 해주지만 exec는 처음 일치하는 부분 하나만 배열에 넣어서 return한다. co..

FE/Javascript 2021.07.03