FrontEnd :-)

항해99 8일차 2022. 5. 16.(월) 알고리즘 기초 주차 스터디(달리기반), CS 발제(조편성) - 책읽기 스터디 D반 - 알고리즘 react 9조, 문제 풀기 21~29 - CS 테즈먼해 배정(8명, 조장) : 매일 오전 11시 항해99 9일차 2022. 5. 17.(화) 알고리즘 기초 주차 스터디(달리기반), CS, 알고리즘 모의고사 D반 - 알고리즘, 문제 풀기 30~34 - CS, 챕터 1, 2 (발표) 항해99 10일차 2022. 5. 18.(수) 알고리즘 기초 주차 스터디(달리기반), CS D반 - 알고리즘, 문제 풀기 35~40 - CS, 챕터 3 항해99 11일차 2022. 5. 19.(목) 알고리즘 기초 주차 스터디(달리기반), CS, 알고리즘 테스트 D반 - 알고리즘, 문제 풀기..

스파르타코딩클럽 #리액트 기초반 2주차 [수업 목표] event listener를 사용할 수 있다. React-router로 주소에 따라 다른 페이지를 보여줄 수 있다. 미리 정해놓은 주소가 아닐 때, '앗! 잘못 찾아오셨어요!' 페이지를 보여줄 수 있다. Redux로 상태 관리를 해보고 아래의 상태관리 흐름을 이해한다. (기본 값이 있고 → 어떤 동작을 하면("어떤 동작을 하는지 정하자! → 하면 뭐가 바뀌는 지 정하자!" 과정이 사전에 필요하다!) → 값이 변했잖아? → 컴포넌트한테 알려주자!) Redux hook을 사용해본다. 3-1. Event Listener 1) 이벤트 리스너란? 이벤트 리스너는 사용자가 어떤 행동(=이벤트)을 하는 지 아닌 지 지켜보다가 알려주는 것입니다. 대표적으로는 마우스..

CS 스터디 >> 항해99 / 7기 / D반 / 테즈먼해 >> ⌜1일 1로그 100일 완성 IT 지식 - 브라이언 W.커니핸/하성창 옮김/인사이트⌟ 일별 목표 챕터 읽기 I부 하드웨어 > 001 컴퓨터의 논리와 구조 컴퓨터는 아래와 같이 두 가지 구성으로 설명할 수 있다. 이에 대해 앞으로의 챕터에서 살펴볼 계획. 논리적 구성(또는 기능적 구성), 컴퓨터가 어떤 부분으로 이루어져 있고 무슨 일을 하며 어떻게 연결되는지? 물리적 구성, 각 부분이 어떻게 생겼고 어떻게 만들어지는지? I부 하드웨어 > 002 프로세서 속도와 심장 박동수 컴퓨터와 비교하면, 휴대전화나 태블릿 PC는, 더보기 마우스, 키보드, 디스플레이가 화면이라는 하나의 구성 요소로 합쳐지는 점과 물리적 위치를 알기 위한 나침반, 가속도계, ..

🐤 JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ? 느슨한 타입(loosely typed)의 동적(dynamic) 언어 자바스크립트(JavaScript) = 느슨한 타입(loosely typed)의 동적(dynamic) 언어. => 자바스크립트의 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당 (및 재할당)이 가능. => ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어 ==> 스크립트(script) : 자바스크립트로 작성한 프로그램. ⌙ 스크립트는 웹페이지의 HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행. (강점) HTML/CSS와 완전히 통합할 수 있음 간단한 일은 간단하게 처리할 수 있게 해줌 모든 주요 브라..

스파르타코딩클럽 #리액트 기초반 2주차 [수업 목표] 컴포넌트의 라이프 사이클을 이해한다. 컴포넌트의 state를 관리할 수 있다. 패키지를 찾아서 설치할 수 있다. React hook을 사용할 수 있다. 2-1. 라이프 사이클이란? 1) 가상돔이란? DOM은 html 단위 하나하나를 객체로 생각하는 모델. DOM 트리 중 하나가 수정될 때마다 모든 DOM을 뒤지고, 수정할 걸 찾고, 싹 수정을 한다면? → 필요없는 연산이 너무 많이 일어난다! → 그래서 등장한 게 가상돔! 가상돔의 동작 방식: 기존 DOM과 어떤 행동 후 새로 그린 DOM(가상 돔에 올라갔다고 표현합니다)을 비교해서 정말 바뀐 부분만 갈아끼움. 2) 라이프 사이클이란? 라이프 사이클(= 컴포넌트 생명주기): 컴포넌트가 렌더링을 준비하는..

스파르타코딩클럽 리액트 기초반 1주차 (nvm 설치: M1칩은 한 번에 되는 게 없냥..아무튼 성공. 자바스크립트 강의 부분: 2주차 알고리즘 문제 풀면서 몰랐던 부분을 많이 알게됨. react: 친절하다.! ) [수업 목표] 프론트엔드 전반에 필요한 기본기를 다진다. (HTML, CSS, Javascript) React 프로젝트 환경설정을 배워본다. React에서 쓰는 태그(JSX)를 사용해서 화면을 그릴 수 있다. 1-2 설치 Nvm 설치 오래 걸림. node.js 16.15로 설치하고(18버전이었음) 그리고 환경설정에서 터미널에 뜬 내용으로 복사에서 붙이니 성공. 1-3. 프론트엔드 기초 지식 우리가 하는 일: 화면을 그리고 데이터를 끼얹는다! 화면 그리기: 눈에 보이는 부분 만들기. 어디에는 글이..

[항해99] 프로그래밍 기초 주차 / 달리기반 / 7기 / D반 / 9조 코딩테스트 연습문제 35. 문자열 내 마음대로 정렬하기(sort 함수로 풀면 간단했다) (문제) 문자열로 구성된 리스트 strings와, 정수 n이 주어졌을 때, 각 문자열의 인덱스 n번째 글자를 기준으로 오름차순 정렬하려 합니다. 예를 들어 strings가 ["sun", "bed", "car"]이고 n이 1이면 각 단어의 인덱스 1의 문자 "u", "e", "a"로 strings를 정렬합니다.제한 조건 strings는 길이 1 이상, 50이하인 배열입니다. strings의 원소는 소문자 알파벳으로 이루어져 있습니다. strings의 원소는 길이 1 이상, 100이하인 문자열입니다. 모든 strings의 원소의 길이는 n보다 큽니..

[항해99] 프로그래밍 기초 주차 / 달리기반 / 7기 / D반 / 9조 코딩테스트 연습문제 (문제가 너무 길어서 이 문제만 새 페이지에.) 33. 로또의 순위 (문제) 로또 6/45(이하 '로또'로 표기)는 1부터 45까지의 숫자 중 6개를 찍어서 맞히는 대표적인 복권입니다. 아래는 로또의 순위를 정하는 방식입니다. (실제 로또와 다름) 순위 당첨 내용 1 6개 번호가 모두 일치 2 5개 번호가 일치 3 4개 번호가 일치 4 3개 번호가 일치 5 2개 번호가 일치 6(낙첨) 그 외 로또를 구매한 민우는 당첨 번호 발표일을 학수고대하고 있었습니다. 하지만, 민우의 동생이 로또에 낙서를 하여, 일부 번호를 알아볼 수 없게 되었습니다. 당첨 번호 발표 후, 민우는 자신이 구매했던 로또로 당첨이 가능했던 최..