elice 24

[엘리스 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트랙] 엘리스 3기 4주차 후기 🦁

1. 음...진도 진짜 많이 밀려버렸어요...리액트 hook과 자료구조 큐가 특히 어려웠던 느낌... 아니 자료구조 분명 이해했다고 생각했는데 왜 문제 풀려고 하면 응용이 안되는건지,,,나는 모르게따 2. 파이썬이랑 JS랑 섞어서 문제풀이 하게 된다...0개 언어? 빨리 파이써닉한 코드 짜고 싶은데...!!!!!! 3. 융합전공을 했지만 주변에 프론트쪽 생각하는 사람이 없어서 항상 아쉬웠는데 여기는 넘쳐난다👍 정보 공유 감사합니다 다들...🔥 4. 자괴감...사실 이번 주차테스트 0점인데요... 사슴공부법의 일환으로 생각하고 더 열심히 해야겠다...끝까지 살아남는 사슴 나야나...나야나...🦌 일단 큐 문제 조지러 총총...⭐️

elice/🐰🏁 2021.10.17

[엘리스 AI트랙] 03-05-01 ~ 자료구조

1. 자료구조 자료를 저장하는 방법과 자료에 적용할 수 있는 연산을 구체적으로 제공한 것 각각 장단점이 있으며 구현하고자 하는 프로그램의 성능을 고려하여 알맞은 자료구조를 선택해야함 2. 추상적 자료형 어떤 자료와 그 자료에 대한 연산(동작)들의 수학적인 정의 이 정의를 구현하는 방법은 명시되어 있지 않음 추상적 자료형을 구체적으로 구현한 결과가 자료구조 3. 리스트 (추상적 자료형) 순서가 존재하며, 일렬로 나열된 값들이 들어있음 (1) 배열 (구현) 인덱스 가지고 있음 특정 위치의 자료 탐색 유리 (2) 연결 리스트(구현) 일렬로 저장된 값들이 노드의 형태로 저장되어 있음 자료의 삽입, 삭제에 유리 (3) 해시 테이블 충돌 해결 방법: 오픈 어드레싱 충돌이 발생했을 때 자료를 저장하기 위해 빈 공간을..

[엘리스 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에 저장하겠다는 뜻 >> : 파일이 존재하지 않는다면 파일을 새로 생성하고, 존재한다면 파일내용에 덧붙여서..

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

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. 리눅스의 구조 1) Shell 커널과 사용자 사이를 이어주는 역할 수행 사용자의 명령을 해석하여 커널에 명령을 전달 ex) bash, zsh... 2. 리눅스 명령어 whoami 로그인한 사용자 ID 반환 passwd 로그인한 사용자의 비밀번호를 변경 pwd 현재 디렉토리 위치 출력 ls [[-a], [-l], [-al]] 현재 디렉토리의 목록을 출력 cd 해당 디렉토리로 이동 명령어 --help 명령어에 대한 사용 방법 출력 chmod 파일권한 변경할 파일 위치(or 이름) 파일의 권한 변경 chown 소유할 유저:소유할 그룹 소유권 변경하고 싶은 디렉토리(or 파일명) 파일의 소유권 변경(root 권한이 있어야 실행 가능) mk..