티스토리

차곡차곡 개발노트

검색하기

블로그 홈

차곡차곡 개발노트

chacha73.tistory.com/m

Web Developer (2019.10 ~

구독자: 0

방명록 방문하기

주요 글 목록

React 개발 환경 직접 구축해보기 - 1. 리액트가 작동하는 방식 리액트를 배우기 전에 (급) 미니 세션을 통해 리액트가 어떻게 작동하는지 접했는데, 당시에는 리액트가 작동하는 방식은커녕 어떤 녀석인지도 모르는 백지상태에서 들었던지라 거의 반 이상을 이해할 수 없었다. 리액트를 처음 접한 지 3개월 정도 지났다. 이제 어디가서 "리액트를 할 줄 안다"라고 말해야 할 텐데.. 습관적으로 작성하던 CRA, 그 뒤에 어떤 작동 방식이 있는지 알고 사용하지 않으면 진정 할 줄 안다고 말할 수 없기에, 그때의 기억을 되살려 정리해본다. 총 세 개의 포스팅으로 나누어 정리해보려고 한다. 1. 리액트가 작동하는 방식 2. Webpack 들여다보기 3. Babel 들여다보기 리액트 React 페이스북에서 개발하고 관리하는 UI 라이브러리다. 여기서 UI 라이브러리라고 꼭 집어 이야기.. 공감수 2 댓글수 0 2021. 1. 15.
[GitHub] README.md로 나만의 프로필 만들기 깃헙에 사용자가 자신의 프로필을 디자인하는 기능이 있다. 정말 간단하게 프로필을 꾸밀 수 있다고 하지만, 나는 시간적 여유가 생겨 좀 복잡하게 꾸며봤다. 해놓고보니 살짝 정신없는것 같기도 하지만... 프로필이 중요하겠나... 안에 들은 코드들이 아름다워야지... 프로필은 이정도로 만족하고, 내일부터는 안에 담긴 레파지토리를 어떻게하면 퍼블릭으로 전환해도 안부끄러울지 연구해야겠다...^^ 레파지토리 만들기 간단하다. 새로운 레파지토리를 내 이름과 동일하게 만들면 된다! 그리고 새로 만들때 README.md 파일을 생성해주자. 아, 당연히 public으로 만들어야한다! private하면 외부 프로필은 커녕, 나 조차도 구경할 수 없는 프로필이 되어버린다...(머쓱) korany-lee/korany-lee i.. 공감수 1 댓글수 4 2020. 12. 29.
[Redux] 대체 무엇인가! 왜 쓰는가? Prop Drilling 문제를 겪다보니 리덕스의 필요성이 느껴져서 공부했다. Redux 왜 필요해요... App.js에서 Header 컴포넌트에 어떠한 상태를 넘겨주고 Header에서는 또 MyPage 컴포넌트에 넘겨주고... 그러다가 Content라는 컴포넌트에 Books 컴포넌트에서 Mypage의 컴포넌트 상태 중 어떤 것이 필요하다면... 이정도만 되어도 간단하게 타고 올라가서 다시 뚫고(?) 내려가겠지만.. 깊이가 깊어질수록 불편하고, 헷갈리고... 대체 state를 누가 관리할 것인가 상태관리를 보다 편리하게 해주는 리덕스 라이브러리 이야기는 여러번 들었지만, 필요성을 느끼지 못하고 있었다. 프로젝트를 진행하며 상태가 복잡해지니 그것이 무엇인지 경험이나 해보고 싶어져서 들여다 보았다. 리덕스의.. 공감수 1 댓글수 0 2020. 12. 26.
[React] Typescript VS코드 error : Cannot use JSX unless the '--jsx' flag is provided. VS코드에 TS버전이 내가 global에 설치한 버전과 달라서 발생하는 이슈 //tsconfig.json "compilerOptions": { jsx: "react-jsx" } "react-jsx" 부분에 에러가 생겨 아래와 같은 문제가 발생한다. Argument for '--jsx' option must be: 'preserve', 'react-native', 'react' react-jsx를 react로 변경하면 잠시 에러가 잡히지만, 다시 vs코드를 실행하면 자동으로 react-jsx로 바뀌며 에러 발생 vs코드에서 typescript 버전 설정하기 먼저 내 로컬 pc 터미널에서 typescript가 설치되었는지 확인한다. npm list -g typescript empty라면 typescript를.. 공감수 4 댓글수 1 2020. 12. 2.
[ubuntu 18.04] oh my zsh!!! 설치하고 몇가지 오류 잡기 우분투를 6개월 정도 잘 이용하는 중! 기본 터미널 디자인 그리고 기능에 불만은 없었지만(오히려 익숙해져 잘 사용하고 있었다) 다른 동료분들의 터미널을 보면 종종 추천 기능도 나오는 것도 부러웠고, git이 내장되어 있는 부분이 특히나 마음에 들어서 설치하기로 마음먹었다. >> 설치한 후 특히 마음에 드는 부분이다!! >> 많은 branch를 관리해야 하는 프로젝트에 적합한 것 같다!! 설치하는 방법은 이미 여러 블로그에 나와있다.(내가 참고한 것처럼!) 하지만 설치하며 겪은 문제들을 직접 남겨놓고 싶었다. 설치 sudo apt-get install zsh bash에서 zsh로 변경 chsh -s/usr/bin/zsh > 터미널을 종료하고 다시 실행하라고 하는데, 그래도 적용이 안됐다면 컴퓨터를 다시 실.. 공감수 5 댓글수 2 2020. 12. 1.
[Git 사용하기] 기본적인 git 명령어와 작동원리 팀프로젝트 하면서 git을 어떻게 사용했고, 또 나아가 더 효율적으로 관리할 수 있는지 정리해보려고 한다. git [명령어] [옵션] git 은 명령어 단위로 이루어진 간단한 프로그램이다. 사용방법은 git 으로 시작하고 띄어쓰기로 구분되는 각각의 명령어와 옵션을 작성한다. 다양한 명령어들이 있고, 이는 공식 홈페이지의 Documentation의 Reference를 통해 확인할 수 있다. 혹은 git 실행환경(git 설치된 후)에서 git [명령어] --h 로 다양한 속성값을 살필 수 있다.(help) 기본적으로 git 을 설치해야하고, 설치한 후에는 초기화를 통해 사용할 수 있는 환경을 만들어준다 git 공식 홈페이지를 이용하여 자신의 운영체제에 맞게 다운로드를 하고나서 git init 을 통해 초기화.. 공감수 3 댓글수 0 2020. 11. 21.
Youtube API 사용시 encoded text 변환하기 YouTube API로 이것저것 하다보니 타이틀에 받아온 데이터의 텍스트 상태가 이상했다. encoded text 라고 하던데 하도 BTS를 검색하다보니 ㅋㅋ ' (')이 문자열때문에 거슬려서.. 검색어를 계속 이스케이프로 해서 그런지 해결책이 마땅히 나오지 않던 중.. 스승님이 관련 스택오버플로우 게시글을 찾아주셨다. (감사합니다 엘리님!) How to fix Youtube API results title that are returned encoded I'm using youtube-search 1.1.4 to find videos. The problem is that i get the results titles encoded with & or ' instead of just & and ' an.. 공감수 1 댓글수 0 2020. 11. 15.
[드림코딩by엘리] 리액트 강의 회고 드림코딩 by 엘리 강의를 수강하고 남기는 회고입니다. 리액트 혼자서 공부하기..? 처음 리액트를 접했을 때 개념과 작동원리가 생소하게 느껴졌다. 공식문서를 가장 열심히 챙겨 보았지만, 주먹구구식으로 이곳저곳에서 지식을 쌓는 듯했다.. 그러다 마침 유튜브에서 엘리의 자바스크립트 역사 영상을 접하게 되었고 순식간에 관련 영상들까지 해치워버렸다. 명쾌하고 명료한 설명에 흩어져 있단 나의 JS 지식들이 정리되는 느낌을 받았다. (+엘리 특유의 밝고 긍정적인 톤 +명확한 딕션은 덤!) 그래.. 이 분이라면 나의 리액트 지식도 집합시켜주실 수 있을 거야! 하는 확신이 생겨 홀린 듯 강의를 수강하게 되었다. 그리고 완강한 지금, 그 선택에 매우 만족하고 있다. 가장 기본적인 리액트의 컨셉과 구조 이해부터, 활용법 .. 공감수 6 댓글수 0 2020. 11. 14.
201027_TIL Today I Learned Sequelize (2) 어제에 이어 sequelize를 공부했다. 만들어져 있던 테이블과 관계가 있는 또 다른 테이블을 만들어 주려고 했는데, 여러가지로 시행착오를 많이 겪었다. sequelize-cli를 이용했는데, migration:generate 파일에 추가할 컬럼과 제약조건을 넣어주고 넣어주다가 에러가 나면 다시 삭제해야하는데, migrate를 undo 했을 때 down 메소드에 무언가 걸어주지(?) 않았기 때문에 제대로 삭제가 잘 안됐다. 여러차례 겪고나서 어떤 방향으로 만들어야 할지 감이 왔는데, 이 감이 맞는지 모르겠다. CSS - animation 효과 react로 이미지를 올리고, 정보를 수정하면 바로 반영되게 하는 앱을 만들어보고 있는데 이미지가 업로드 되.. 공감수 2 댓글수 0 2020. 10. 27.
201026_TIL - ORM, Sequelize의 세계로 Today I Learned ORM: Object-relational mapping 객체와 RDBMS의 데이터를 자동으로 연결해주기 때문에 객체지향적인 코드를 사용하는데 익숙한 사람에게 관계형 데이터를 다룰 때 객체에 대한 표현에 제약을 받지 않고 객체처럼 사용할 수 있기 때문에 직관적으로 다가갈 수 있게 한다. 잘 사용한다면 SQL 문장보다 CRUD를 더 효율적으로 작성할 수 있고, 유지보수에도 효과적이다. 아직까지는 SQL문을 사용해서 사용하는 것이 그리 불편하다고 여겨지지 않지만, 컨트롤러, 서비스를 거쳐 작업해야 하는 양이 점점 방대해지면 ORM에 대한 애틋함이 남 달라지지 않을까 싶다. Sequelize 다양한 ORM 프레임워크가 존재하는데, JPA(Java ORM 인터페이스 모음)를 구현하는 .. 공감수 2 댓글수 1 2020. 10. 26.
[vs code] 다중커서 사용하기 ubuntu 18.04를 사용하고 있습니다. vs code는 1.50.1 버전을 사용하고 있습니다. 간혹 ubuntu를 사용하면 window와 mac환경의 범주에 들어가지 않아 곤란할 때가 있다. 이를테면 이모티콘 단축키..? 그리고 vs코드에서 다중커서를 선택할 때 alt(window의 경우)키나 command(mac의 경우)키를 누른 채 커서를 누르면 다중 클릭이 되어 편리하게 편집이 가능하다는데, 내 경우 해당사항이 없어 불편했다. (ubuntu 20.04를 사용하는 다른 동료의 경우, alt키로 다중선택이 잘 되더라...) 그럴 때는 아래처럼 vs 코드 환경설정을 달리해주면 된다. vs 코드의 Settings에 들어간다. 검색창에 multi까지 검색하고 Editor: Multi Cursor Mod.. 공감수 3 댓글수 0 2020. 10. 24.
201021_TIL - DB, 처음 경험하는 MySQL Today I Learned bind bind 메소드를 직접 구현하는 문제를 만났다.갓MDN을 정독하며 다시 공부하였다.pollyfill 부분은 항상 '이걸 쓸 브라우저는 만나지 않을거야 아마~' 하며 스킵했는데오늘은 그냥 그 부분만 보았다. 뚫어져라.. 컴퓨터는 참 정직하다.아닌건 아니고, 맞는건 맞다. 아마 컴퓨터가 독립운동했으면 광복을 수년을 더 당겼을지도 모르겠다.어쨋든 나는 bind를 그 무슨.. 3-3-7 공부법이었던가.. 기억이 잘 나지 않지만(역설적이군)자주 복습해서 기억에 오래 남겨야겠다. 오늘 이해한거 아까우니까~ MySQL 이전까지 Java를 공부하며 oracle 11g나 12c 버전을 사용했었다. 많은 쿼리를 경험해보진 못했지만, 그래도 HR계정으로 각종 연습을 통해 재미를 붙였었다.. 공감수 2 댓글수 0 2020. 10. 21.
201020_TIL Today I Learned알고리즘처음 접했을 때보다는 겁이 덜 난다.문제 푸는 시간도 측정할 정도로 여유가 생겼고, 익숙한 문제도 생겨났다. 고 생각헀다. 키패드 숫자에 있는 문자들로 조합할 수 있는 모든 단어를 반환하는 문제였다.사실.. 그렇게 오래 걸릴 문제가 아니었는데.. 생각보다 오래 걸렸다..ㅠㅠ문제를 파악하는데 일단 어려울거 같다는 지레짐작을 했다. 처음에 배열로만 잘 지정해줬으면 그렇게 시간을 허비하진 않았을터인데..결국 예시로 나온 '2745' 의 108가지 경우의 수를 손으로 다 끄적여보고 나서야.. 파악했다..ㅜㅜ 원래 콘솔창에 변수부터 하나씩 확인하면서 했었는데..꼭 안하는 날 유독 이런 문제가 터지니 다시 한번 기초의 중요성을 깨달았다. 개인 포트폴리오 아주 기초적인 틀이긴 하지만.. 공감수 1 댓글수 2 2020. 10. 20.
201019_TIL - Firebase, Cloudinary 등 Today I Learned React Router React처럼 SPA(Single Page Application)으로 이루어진 경우 페이지 내에서 한번 로딩되고 나면 사용자가 어떤 클릭을 해도 부분적으로 업데이트 된다. 해당하는 컴포넌트만 바꿔주면서 원하는 데이터를 동적으로 불러와 볼수 있게 해주는 것. 하지만 문제점도 있다. 해당 페이지를 북마크 하고 싶을 때? 뒤로가기, 앞으로가기(히스토리) 하고 싶다면? 이런 문제를 보완하기 위해 SPA로 이루어진 리액트에서 네비게이터 기능도 가능하게 하는 것이 React Router 그럼 라우터는 무엇인가 웹에서 통상적으로 말하는 라우팅이란? HTTP에서 사용자가 요청하는 url 요청에 어떤 특정한 웹페이지로 연결해줄 것인지를 결정해주는 메커니즘 즉, 사용자의.. 공감수 1 댓글수 0 2020. 10. 19.
[ubuntu 18.04] fcitx 한글 입력시 입력기 힌트창 문제 해결(결국 iBus) 처음 우분투를 설치하고 iBus로 한글을 설치했었는데, Zoom 화상회의 채팅창에 한글 문제가 있어서(입력안되거나, 한글은 enter 인식이 안되는 등) fcitx 를 설치하여 이용했었다. 그러다 갑자기 별안간 정말 아무런 일도 하지 않았는데 아래처럼 한글만 입력했다하면 힌트창이 계속 나왔다. 구글링을 통해서 입력기 설정의 내부 환경설정을 모두 힌트 보이지 않게 해두었는데도 해결이 되지 않았다. 내부 설정 외에 패키지 지우고 다시 설치, 패키지 업그레이드 업데이트, 재부팅만 수차례.. 그러다가 우분투 복구모드로 파일시스템, 패키지, grub 까지 전부 진행하고 부팅해보아도 계속 입력기 힌트창은 사라지지 않았다. 사실 우분투를 다시 재설치 하려고도 생각해보았는데, 지금까지 거의 세달정도를 사용하면서 많은 .. 공감수 3 댓글수 1 2020. 10. 9.
[React] Component와 PureComponent로 알아보는 state ✿ React는 component로 이루어져 있다. ❀ component는 데이터를 가지고 있는 state, 사용자에게 어떻게 보일지 정하는 render() 로 이루어져 있다. ✿ React는 Re-render the whole app on every update - 즉 데이터가 조금이라도 업데이트 되면 전체적으로 애플리케이션 리랜더가 이루어 진다. ✿ component는 class 혹은 function으로 구현할 수 있다. ❀ class로 구현하는 방법은 React.Component 그리고 React.PureComponent ❀ function으로 만들 수 있는 방법은 function, memo(function) 그리고 React Hook ✿ 클래스 컴포넌트와 같이 state와 lifecycle met.. 공감수 2 댓글수 0 2020. 10. 6.
[JavaScript] this, call(), apply(), bind() 현재 실행 문맥을 알려주는 this Java의 this와는 다르다. (그래서 헷갈렸다.) ✿ JS에서는 함수가 호출될 때, 암묵적으로 arguments 객체와 this를 전달받는다. ✿ 함수 호출방식에 따라 this가 연결되는 객체가 달라진다. 즉 동적으로 결정된다. ❀ 여러 방식들을 관통하는 가장 핵심은 ' this 는 자신이 소속된 객체를 가리킨다' ✿ 함수의 상위 스코프를 결정하는 방식을 렉시컬 스코프(Lexical scope)라고 하는데, 함수를 선언할 때 결정된다. ✿ 웹 브라우저의 가장 상위 객체는 window 이다. (이유는 없다. 그냥 JS는 그렇게 설계가 된 언어) ✿ 서버에서 가장 상위 객체는 global 이다. (Node.js) ❀ 웹 브라우저 콘솔창에 this를 입력하면 window.. 공감수 2 댓글수 0 2020. 9. 18.
[JavaScript] Arrow function expressions 화살표 함수 MDN문서 기반으로 공부한 내용 중 이해한 부분을 정리한 포스트입니다. Arrow Function Expression ✿ ECMAScript 6 이후 등장 ❀ ES6는 2015년에 개정된 문법(ES6는 매년 6월에 개정되고 있음, 현재 ES11까지 나옴) ❀ ES6는 현재 자바스크립트 프로그래밍의 이해에 중요한 요소가 되기 때문에 계속 언급될 예정 (ES6에서 그 전까지 문제가 되었던 부분들이 해결되었고, 기능들이 상당히 추가되었다.) 기존 함수 표현에 비해 구문이 짧아질 수 있다. const number = [1,2,3,4,5,6,7,8,9,10] //1) 기존 function 방식 number.filter(function(el) { return el % 2 }); //[1 ,3, 5, 7, 9] //.. 공감수 2 댓글수 0 2020. 9. 18.
200916_TIL To do list Data Structure Queue(Stack도 보완) Linked List, Hash Table Graph, Tree, BST 문법 화살표 함수 this + call, apply, bind Execution context N-Queens - DFS, back tracking 새로생긴 coplit 공감수 0 댓글수 0 2020. 9. 16.
200910_TIL Today I Learned JavaScript prototype 자바스크립트의 객체는 모두 부모를 갖고 있고, 연결되어 있다. 부모 객체를 prototype 이라고 한다. 자바스크립트에서 거의 모든 객체는 Object의 인스턴스이다. (Object가 가장 선조라는 이야기) 객체는 Object.prototype에서 속성과 메소드를 상속받는다. 즉 자식도 속성과 메소드를 사용할 수 있다. __proto__는 사실 크롬 브라우저에서 사용하는 프로퍼티명이다. ECMAScript에서는 [[prototype]]이란 이름으로 사용된다. prototype과 __proto__의 차이 prototype은 클래스 생성자의 속성. OOP의 기본이 되는 blueprint를 제공한다. prototype은 함수만 갖고 있는 프로.. 공감수 3 댓글수 2 2020. 9. 11.
200909_TIL 오늘 배운 것 지금 내 옆에는 차가운 맥주가 있다. 이 맥주가 식기 전에 TIL(아니고 일기)를 마무리하고 곁으로 갈 것이야. 오늘은 매우 힘에 부치는 날이었다. 머리속은 포화상태고, 잘 따라가고 있는건지 확신도 서지않고 할건 스택마냥 쌓여가는 이 상황에 결과값이 명확하지 않음이 나를 너무 힘들게 했다. 글도 못쓰겠고 (블로그로 정리하는거 왜이렇게 어려운건지..) 다른 사람들이 쓰는 블로그보면 예쁘고 잘 읽히게 써놨던데ㅠㅠ 엉엉 이런 생각들로 하루종일 미간에 주름이 잔뜩 잡혀있었다. 그래서 다섯시쯤 편의점에 가서 맥주를 샀다. 호다닥 달려가서 사왔다. 그리고 오늘 일과가 끝나면 나에게 보상을 주리라!! 생각하고 글을 다시 쓰기 시작했다. 지금은 기분이 너무 좋다. 맥주때문인지 몰라도 그냥 기분이 좋아지기.. 공감수 1 댓글수 0 2020. 9. 9.
[JavaScript] 객체 지향 프로그래밍이란 무엇인가 Object Oriented Programming 자바를 배울 때부터 항상 OOP에 대한 개념을 이해하기 어려웠다. 면접 때 나온다고 하니까 무작정 외우기도 했었고.. 하지만 오늘 글로 정리를 하니 퍼즐이 맞춰지는 듯한 기분이 들었다. 일단 기본적으로 가져가야 할 것은 OOP는 개념, 하나의 철학이라는 것. 따라서 개념과 그 개념을 적용하고 응용하는 상황을 구분해서 생각할 필요가 있는 것 같다. Object 객체를 그 원래의 의미로 사물 혹은 물건, OOP란 사물을 생산하는 방식이라고 생각하기로 했다. OOP에는 클래스 기반 언어와 프로토타입 기반 언어가 있다. 클래스 기반 언어에는 대표적인 C++, java, dart 등이 있고, 프로토타입 기반 언어로는 자바스크립트가 있다. 로는 Java, C++, .. 공감수 1 댓글수 0 2020. 9. 9.
200908_TIL 오늘 배운 것 & 느낀 점 자료구조 마지막 날. BST를 구현하면서 재귀에 대해 또 한 번 생각했다.(아련) 개념을 여러 번 듣고 구현도 해보았지만, 막상 닥치면 툭 하고 나오지 않던 개념.. 스택에 대해 알고 나니 재귀 함수가 전부 실행되고 '빠져나온다'라고 표현하는지 또, 빠져나오면서 어떻게 실행되는지 (조금이나마) 더 잘 이해할 수 있었다. 자료구조는 개념이고, 그 개념 자체를 잘 이해하는 것이 제일 중요하다는 것. 그리고 그 개념들의 실생활 예시를 알아두고 어떤 자료구조가 어떻게 쓰이는지, 적재적소에 쓰였는지 정도를 구분해낼 수 있다면 좋다. 이 두 가지를 생각하고 나니 내가 어떤 방향으로 학습한 것에 대해 남겨야 하는지 생각이 많아졌다. 일단 오늘 배운 것은 복잡도 분석 중 시간 복잡도 그중 가.. 공감수 0 댓글수 0 2020. 9. 9.
[Data Structure] 스택오버플로우로 알아보는 stack과 recursion 스택오버플로우라는 사이트가 있다. 이 사이트는 기적과도 같은 곳이다. 전세계 모든 개발자들이(영어를 못해도) 그저 찾아뵙고 주기적으로 문안인사 올리는 곳이랄까.. 심지어 개발자를 꿈꾸는 나조차 거의 주기적으로 찾아뵙고 인사 올리고 있으니.. 암턴 거기에 있는 Stack이 오늘 다룰 이 Stack이다. 그래서 말나온김에 Stack overflow 라는 의미가 어떤 것인지 살펴보자. stack은 자료 구조의 한 종류인데, 이 stack에서 원래 할당된 메모리 공간보다 많은 데이터가 들어갈 경우 이를 받아들이지 못하고 오류가 발생하는 것을 의미한다. stack의 크기를 초과해서 계속해서 데이터를 쌓아버리게 되면 stack overflow라는 에러를 내면서 프로그램이 약간 자신의 본분을 다 하지 못하게 되어버리.. 공감수 0 댓글수 0 2020. 9. 9.
[Data Structure] Binary Search Tree 이진 탐색 트리 병뚜껑 숫자 맞추기 게임이 있다. 어떤이는 한잔을 마시게 하기 위해 up and down을 외치고 또 어떤이는 마시지 않기 위해 필사적으로 범위를 좁혀가며 숫자를 맞춰야만 한다. 가장 적은 횟수의 추측으로 이 숫자를 알아내야만 한다. 아무도 1부터 시작해서 순서대로 2, 3, 4... 를 외치는 사람은 없다. -> 요게 단순탐색 보통 1~50 사이의 숫자가 표기되어 있다.(소주병 기준) 그럼 50의 중간, 25부터 시작한다. up이라고 외치면 1부터 25까지의 숫자는 답이 아니고, down이라고 외치면 26부터 50이 답이 아니게 된다. 그렇게 또 up and down에 맞춰 반절씩 범위를 좁혀 나가는 것이 이진 탐색이다. 한 번에 많은 숫자를 답에서 제거해버리기 때문에 이 방법으로 맞출 경우 최대 6번.. 공감수 2 댓글수 0 2020. 9. 8.
200907_TIL 오늘(까지) 배운 것 자료구조에 대해 배웠다. 스택, 큐, 해시 테이블, 연결 리스트, 그리고 그래프, 트리, 이진 탐색 트리까지 자료구조에 대해서는 따로 정리를 하고☺ 알게 된 간단하지만 유용한 것들을 꼭 기록하고 싶었다. 1) !!의 사용 !은 보통 'NOT'의 의미로 쓰이는 기호인데 !!를 사용하면 'NOT'의 'NOT'이니까 결국 truthy한 값이 나오게 된다. 그럼 왜 굳이 두 번을 써야 하는 걸까? I. undefined 값을 처리해주기 때문..!! II. 값을 boolean 타입으로 리턴해준다. 평소 같았으면 findKey1 함수를 실행했을 텐데, 이제는 바로 return 할 수 있다. 2) || 의 재발견 OR를 뜻하는 || 논리 연산자는 이제까지 조건문에 &&(and) 조건과 더불어 유.. 공감수 0 댓글수 0 2020. 9. 8.
200831_TIL 오늘 한 일 & 느낀 점 이머시브 코스가 시작되었다. 코스 전반적인 일정과 스프린트를 살펴보았지만 더 살펴보아야 한다. 과정만 훑어보았을 뿐인데 머리가 지끈지끈,, 과연 내가 해낼 수 있을까? 일단 오늘 배운건 깃으로 가지를 치고(branch) 그 가지를 관리하는 방법. 그리고 페어와 함께 코드를 쉐어하는 것(pull) 페어와 함께 여러가지 상황을 테스트 해보며 어떤 오류가 나고, 어떻게 하면 효과적으로 코드를 쉐어할 수 있는지 알아보았다. 결론은 '커뮤니케이션의 중요성' 백번 강조해도 지나치지 않는다! 는 교훈을 되새겼다. - git branch 생성 및 관리 - git pull pair 알고리즘 스터디를 시작했는데, 앞으로의 스터디 방향을 조율해나가는 시간을 가졌다. 대화방법에서 참 많은 것을 느꼈다.. 공감수 2 댓글수 0 2020. 8. 31.
[ubuntu 20.04] Lenovo IdeaPad slim5 ubuntu 20.04 설치 및 드라이버 이슈 이번에 새로 나온 레노버 아이디어 패드에 우분투를 설치하다가 골머리를 앓았다. askubuntu.com에 도움을 많이 받았는데, 같은 이슈를 겪는 분들을 위해 정리를 좀 해보려고 한다. 모델명: Lenovo IdeaPad slim5 Processor: AMD Renoir Ryzen 5 4500U 처음 18.04 버전을 설치했다가 와이파이가 잡히지 않는 문제가 발생했다. 원인을 찾지 못했지만, 최근에 나온 레노버의 경우 우분투 드라이버 문제라고 생각한다. 20.04를 다운받으면 와이파이 문제는 해결되니, 아래의 20.04 버전으로 다운로드하시길 권장한다. ubuntu.com/download/desktop Download Ubuntu Desktop | Download | Ubuntu Ubuntu is an .. 공감수 8 댓글수 2 2020. 8. 29.
[INTRO] (무작정)소프트웨어 개발자가 되고 싶어요. (feat. 국비지원) 그 당시에 나는 안정적인 직장을 다니고 있었다. 회사와 업계에서도 나의 성장을 기대하고 있었고, 나 또한 그렇게 힘들지 않게 일했다. 하지만 무언가 부족했다. 직장 스트레스는 어디서나 존재하는 것이기 때문에 업무상, 사람 관계에서 오는 힘든 일들은 견딜 수 있었지만 무언가 허전하게 느껴졌다. 마치 인생에 순서가 있는 것처럼 대학을 졸업하고 바로 취업전선에 뛰어든 내가 내 발목을 붙잡고 있었다. '(이런) 나를 받아주는 회사가 있으니 다행이다' '일단 나는 이 일을 하는 게 맞다' 그때는 맞고 지금은 틀린 것이 되어버렸다. 이런 마음이 내게 불씨를 지폈다. 이후 내게 이런 글들이 자주 보였다. '비전공자도 소프트웨어 개발을 할 수 있어요.' '문과생 출신 현직 소프트웨어 개발자' '커리어 전환해서 개발자 .. 공감수 2 댓글수 0 2020. 8. 24.
200821_TIL 오늘 한 일 & 느낀 점 오만방자했다. 지난 TIL 이후로 기록의 중요성을 깨달았다느니~ 뭐 나만의 기록을 하겠다느니 했는데(...) 그치만 기록의 중요성은 계속 느끼고 있다. 계속 과제의 압박에 둘러쌓여 이것도 끝내고 저것도 끝내고 이것도 이해하고 저것도 이해해야하는데 심지어 글도 제대로 쓰고 싶고.. (그래서 이지경이 되었다는 대충 변명같은 소리) 오늘은 4주간의 프리 코스가 끝나는 날이었다. 프리 코스의 마지막 주제는 재귀 함수였고, 어제와 오늘 이틀에 걸쳐 감히(?) 재귀 함수님을 영접하는 시간을 가졌다. 재귀 함수를 실습하기 위해 'JSON.stringify' 함수와 getElementsByClassName 메소드를 직접 구현해보는 과제를 했는데, 어제까지는 정말 어떻게해야할지 감도 안잡히고 그.. 공감수 0 댓글수 1 2020. 8. 22.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.