엘리스 15

[엘리스 AI트랙] 엘리스 3기 5주차 후기 🏎

1. 내가 생각하는 엘리스에서 가장 귀여운 캐릭터: 거북이 열일하는 봇이라서 실강날이면 맨날 레이서님들~ QR 체크인 해주세요~ 체크아웃 해주세요~~ 하는게 넘모 귀엽다 난 강경토끼파지만 이렇게 귀여운 거북이는 못참지,,, 2. 스터디 후기 1) 블로그 글 꾸준히 쓰는 스터디: 정리 잘 하시는분들이 많아서 존경스러움,,,ㅠ 나도 벨로그로 시작할걸 좀 후회되지만 어차피 개인 정리용이니까 티스토리로 계속 가는걸로💨 최종 목표는 글 잘 다듬어서 깃허브 블로그에 하나씩 정리하기....!!!! 2) 알고리즘 스터디: 역시 다른 사람들이 쓴 코드 보는게 도움이 많이 되는거 같다...내일 첫 모임인데 호다닥 준비해야지 3) 하루 일과를 쓰는 스터디...까진 아니고 소모임 느낌?: 다른 사람들이 어떻게 시간을 쓰는지 ..

elice/🐰🏁 2021.10.23

[엘리스 AI트랙] 04-04-01 React 심화 1

1. 자바스크립트 비동기의 등장 초기 웹 환경에서는 서버에서 모든 데이터를 로드하여 페이지를 빌드했기 때문에 JS에서는 별도의 비동기 처리가 필요하지 않았음 AJAX(Asynchronous Javascript And XML) 기술의 등장으로 페이지 로드 없이 client-side에서 서버로 요청을 보내 데이터를 처리할 수 있게 됨 옛날옛날...에는 브라우저가 정보를 요청하면 서버는 해당 정보를 포함한 페이지 전체를 전달 ➡️ 브라우저는 서버로부터 받은 HTML을 새롭게 렌더링했다고 한다 😮‍💨 XMLHttpRequest라는 객체를 이용해 서버로 요청을 보낼 수 있게 됨 2. 자바스크립트는 single-threaded language 자바스크립트는 메인 스레드가 하나인 single-threaded 언어이기..

elice/토끼성장일지 2021.10.22 (2)

[엘리스 AI트랙] 리액트 라우터(React-Router)

Declarative Routing for React 공식 문서에서는 React Router를 Declarative Routing for React로 정의하고 있다 이게 머야,,,싶어서 검색한 끝에 잘 설명해주는 글 발견 (🙋‍♀️ 멋진 코드 예제들이 있어요!) https://stackoverflow.com/questions/33655534/difference-between-declarative-and-imperative-in-react-js Difference between declarative and imperative in React.js? Recently I've been studying a lot about the functionality and the ways to use the Faceboo..

[엘리스 AI트랙] 04-02-01 ~ 04-02-02 React 기초 3

TIL은 오늘 하루 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. form 태그 작성할땐 type들을 잘 작성해주는것이 좋다 2. 함수가 선언됐는지(존재하는지) + 타입 확인을 한번 더 함으로써 에러 방지! if(typeof onInsert === "function" && inputValue) { // onInsert가 정상적인 함수인 지 확인하여 에러 방지 onInsert(inputValue); } 3. 리액트에서 style은 object로 표현해야한다 {name}님 안녕하세요 반갑습니다. 위와 같은 inline style의 property name은 camelCase로 적는다 첫번째 중괄호는 자바스크립트 표현을 사용하겠다는 의미 두번째는 object의 중괄호 SPA와 라우팅 Single Pa..

[엘리스 AI트랙] 03-04-03 React기초 2 (Hook)

TIL은 오늘 하루 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. Hook 컴포넌트에서 데이터를 관리(State)하고 데이터가 변경될 때 상호작용(Effect)을 하기 위해 사용 State Hook의 대표적인 예로 useState가 있음 다른 컴포넌트와 Hook 내에서만 사용 가능 이름은 반드시 use로 시작 최상위 level에서만(첫번째 중괄호) hook 호출 가능 ⭐️ 왜 Hook이 등장했냐면... 기존에는 컴포넌트 내에서 state와 생명주기를 관리하기 위해서 반드시 클래스형 컴포넌트를 사용 다소 복잡한 클래스형 컴포넌트를 보완하고 함수형 컴포넌트에서도 해당 기능을 사용할 수 있도록 이후 추가됨 (1)State Hook useState: 컴포넌트 내 동적인 데이터를 관리할 수 있는 hook..

[엘리스 AI트랙] 03-04-01 ~03-04-02 React 기초 2

TIL은 오늘 하루 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. Props 컴포넌트에 원하는 값을 넘겨줄 때 사용 Javascript의 요소라면 모두 넘겨줄 수 있음(ex: 변수, 함수, 객체, 배열 등) 주로 컴포넌트의 재사용을 위해 사용 컴포넌트에 많은 로직이 들어가고 반환되는 jsx의 요소들이 많고 복잡하다면 props를 사용하는게 효율적 props는 읽기 전용⭐️ 왼쪽처럼 props의 값을 직접 변경할 경우 리액트가 재렌더링하는데 문제가 생길 수 있음 오른쪽처럼 새 변수를 생성해 복제해서 사용합쉬다 HTML에서의 checked, value ➡️ 초기값 리액트에서는 현재값 초기값을 지정하고 싶다면 defaultChecked, defaultValue 속성 사용하기 2. State 컴포넌트 ..

[엘리스 AI트랙] 211006 TIL

오늘은 7일인데 왜 6일자 TIL을 이제서야 올리냐면...흠흠 TIL은 오늘 하루 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 리액트 1. SPA(Single Page Application) (1) 전통적인 페이지 서버에 특정 동작(ex: 로그인)을 요청 - 서버에서 HTML을 클라이언트에게 전달하면서 페이지 리로드 (2) SPA 페이지 JSON 형식으로 메세지만 서버로부터 받은 뒤 로그인 후에 바뀌어야 할 부분만 바뀌게 됨(ex: 로그인 -> 로그아웃 버튼) 페이지의 변경이 필요할 때 처음부터 모든 HTML을 불러오는게 아닌 변경된 부분만 바뀌게 된다. 2. Virtual DOM 가상적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 실제 DOM과 동기화하는 프로그래밍 개념 R..

[엘리스 AI트랙] 02-02-03 자바스크립트 1

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. 자바스크립트의 데이터 타입 String 문자열 Number 숫자 Function 함수 Array 배열 Object 객체 Boolean 불린 undefined 정의되지 않음 null 널 1) 배열: 비슷한 성격을 갖고 있는 데이터를 하나의 변수 안에서 관리 2) 객체: 프로퍼티, 메서드, 데이터로 구성되어 있으며 여러 종류의 데이터 타입 삽입 가능 3) undefined은 값이 정의되지 않은 것, null은 임의로 빈 데이터를 삽입한 것 2. 자바스크립트의 프로퍼티와 메서드 사실 두 개의 개념이 좀 헷갈렸는데 쉽게 정리한 글을 발견👍 https://www.codeit.kr/community/threads/22083 코딩이 처음이라면,..

[엘리스 AI트랙] 엘리스 3기 2주차 후기 👀

1주차만 순삭이고 적응됐을 거라고 생각한 2주차...는 더 빨리 지나갔다.......ㅋㅋㅋㅋㅋ 저는...엘리스의 밀림의 왕입니다 1. 엘리스는 스터디 제도가 있다...나는 시험 커트라인을 넘겨서 내가 듣고싶은 스터디를 들어갈 수 있게 돼따... 사실 아직 스터디 모집도 안해서 이거는 후기를 남길수 없다 🥸 개인적으로 난 알고리즘 스터디 들어가고 싶다 왜냐면 교수님이 투척하신 내 알고리즘 성적은.....(대충 작고 깜찍한 알파벳) 2. 코치님들이 각각의 개성이 뚜렷한 느낌이다ㅋㅋㅋ(내 기준) 일단 잘 가르치시는건 당연하고 👍 특히 귀여우신 우리반 코치님...게다가 엄청나게 열정적이시기까지 😇🔥 그래서 공부할게 밀렸다 흑흑 분명 1주차 다 따라잡았었는데...이상하다...( ᵕ̩̩ㅅᵕ̩̩ ) 그치만 확실히 혼..

elice/🐰🏁 2021.10.04

[엘리스 AI트랙] 01-05-03 웹 프로그래밍 기초 (...근데 이제 리눅스를 곁들인)

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. 정규 표현식 // 링크 추가 예정 2. grep grep [option] [pattern] [파일명] 3. File Redirection 표준 스트림의 흐름을 바꾸어 일반적인 표준 입출력 및 오류를 사용하지 않고 다른 경로인 파일로 재지정 하는 것을 의미 → 파일로 입력을 받거나 출력을 받을 수 있음 표준 스트림의 종류: stdin(키보드 입력), stdout(화면 출력), stderr(오류 내용 출력) ← 문자열로 콘솔에 출력되도록 설정되어 있음 > : 표준 출력을 재지정 ls > ls.txt는 ls의 실행 내용을 ls.txt에 저장하겠다는 뜻 >> : 파일이 존재하지 않는다면 파일을 새로 생성하고, 존재한다면 파일내용에 덧붙여서..