본문 바로가기

분류 전체보기455

2022.07.12 p51~100 리액트 플젝 시에는 깃 cmd 창보다는 bash 애뮬레이터 사용이 좋음. 터미널에서 사용할 명령어를 macOS, 리눅스에서 사용하는 명령어와 통일하는 것이 주목적.) create-react-app 은 필요한 웹팩, 바벨의 설치 및 설정 과정을 생략하고 바로 간편하게 플젝 작업 환경을 구축해주는 도구. import 를 시용하여 다른 파일들을 불러와 사용 가능. 이렇게 모듈을 불러와서 사용하는 것 -> 원래 브라우저에는 없던 기능. node.js 에서 지원하는 기능임. 브라우저에서도 사용하기 위해 번들러를 사용. 대표적인 번들러 = 웹팩. 편의성, 확장성 때문. 웹팩 사용 시 SVG 파일과 CSS 파일도 불러와서 사용 가능. 파일을 불러오는 역할은 웹팩의 로더라는 기능이 담당. 플젝에서 컴포넌.. 2022. 7. 12.
2022.07.11 TIL 1. 알고리즘 문제 해결전략 50페이지 및 면접을 위한 cs 전공 지식 책 각 50페이지씩 읽고 티스토리에 해당 내용을 정리했다. 원래는 리액트를 다루는 기술과 모던 자바스크립트 deep dive 도 50페이지씩 읽으려고 했는데 오늘 사야하는 것들이 많아서 다 읽지를 못 했다. 오늘 꽤나 인상깊었던 것은, 내가 어떤 사고 흐름으로 무엇을 어떻게 하고 있는지를 잘 분석하고 그것을 추상화하여 알고 잇어야 한다는 것. 그리고 그를 수정하는 전략을 짜야 한다는 것이었다. (알고리즘 책에서 읽음 ㅇㅇ ) 2. 7월 24일부터 새로운 팀프로젝트를 진행하기로 했다. 아직 프론트 개발자가 나 하나뿐이라 어케 될 지는 모르겠지만.. 어쨋든 팀플을 하나 잡아놓으니 맘이 편하다. 이번만큼은 꼭 배포까진 아니더라도 그에 근접.. 2022. 7. 12.
2022.07.11 p1~p50 라이브러리 : 공통으로 사용 가능한 특정 기능들을 모듈화한 것. 프레임 워크에 비해 규칙이 없고 자유로움. ex 가위 (내가 직접 컨트롤) 프레임워크: 공통으로 사용 가능한 특정 기능들 모듈화한 것(라이브러리랑 똑같 ㅇㅇ) 폴더명, 파일명에 규칙이 있고 좀 더 엄격. (비행기는 도구이지만 내가 비행기를 컨트롤할 수 없고 나는 가만히 앉아 있는) 라이브러리, 프레임워크의 기본 = 디자인 패턴. 어떤 방식으로 로직 구성해야 하는지 = 프로그래밍 패러다임 디자인 패턴 = 프로그램 설계 시 발생했던 문제들을 객체 간의 상호 관계 등을 이용해 해결할 수 있도록 하나의 규약 형태로 만들어 놓은 것 1. 싱글톤 패턴 = 하나의 클래스에 오직 하나의 인스턴스만 가지는 패턴 (주로 데베 연결 모듈에 많이 사.. 2022. 7. 12.
만 시간의 법칙 고등학생 시절 '아웃라이어'라는 책을 원서로 읽을 수 있는 기회가 있었다. 성공한 사람들의 공통점들을 한 데 모아 정리해 둔, 자기 계발서의 기념비적인 책이었는데, 그 중에서 가장 인상 깊었던 부분이 만 시간의 법칙이었다. 어떤 사람이든 만 시간이상을 투자하면 그 분야의 전문가가 된다는 법칙. 예전에는 이 법칙에 상당히 회의적이었다. 방향과 노력이 함께 가야 한다고 믿었기에. 근데 요즘에는 별안간 만 시간의 법칙이 옳은 이론이라는 생각이 든다. 방향이 중요치 않다는 말이 아니다. 애초에 방향이 맞지 않는데 만 시간의 시간을 노력으로 채우는 것이 불가한 것 같다. 이렇게 생각하니 예전에는 노력하기 싫어서 그 핑계로 만 시간의 법칙을 부정한 것은 아닌가 하는 생각도 든다. 방학이 시작되고 아마 하루도 제대로.. 2022. 7. 12.
2022.07.11 p1~p50 지식을 진정 자신의 것으로 만들어 활용할 수 있기 위해서는 학문이 발전하는 과정에서 일어난 발견과 깨달음을 학생 자신이되짚어갈 수 있어야 한다. 프로그래밍 대회는 알고리즘들을 베껴 쓰기만 하면 해결할 수 있는 문제만 있는 것이 아니라 알고리즘에 사용된 원칙들을 이해하고 변형해야 풀 수 있는 문제들이 많이 출제되므로 이런 경험과 깨달음을 얻기 위한 좋은 통로임. 많은 제약 조건과 요구사항을 이해하고 최선의 방법을 찾아내는 능력은 분야를 막론하고 좋은 프로그래머가 되기 위한 필수 조건 프로그래머가 사용하는 언어나 라이브러리, 알고리즘에 대한 지식들 = 퍼즐 조각, 문제 해결 능력 = 적재적소에 퍼즐을 배치하고 이들을 연결해서 큰 그림을 만드는 능력 프로그래밍 대회는 다양한 알고리즘 설계 기법과 .. 2022. 7. 12.
2022.07.10 p1~50 대규모 애플리케이션 -> 자바스크립트 + 여러 프레임워크들(Anugluar, vue.. ) 이 프레임워크들은 주로 MVD 아키텍처, MVVM 아키텍처를 사용함. Angular js 의 경우 MVW 아키텍처로 애플리케이션 구조화. 이와 같은 구조의 공통점: 모델과 뷰가 있다는 것. 모델 = 애플리케이션에서 사용하는 데이터를 관리 뷰 = 사용자에게 보이는 부분 프로그램이 사용자에게서 어떤 작업을 받으면 컨트롤러는 모델 데이터를 조회하거나 수정하고 변경된 사항을 뷰에 반영 리액트는 오직 뷰만 신경 쓰는 라이브러리임. 컴포넌트는 재사용이 가능한 api 로 수많은 기능들을 내장하고 있음 사용자 화면에 뷰를 보여주는 것 = 렌더링 리액트 컴포넌트가 최초로 실행한 초기 렌더링과 컴포넌트의 데이터 변경으로 .. 2022. 7. 11.