개발캡슐

역시나 어렵지만 재밌다. 히히 이번엔 스타일 컴포넌트(Styled-components)와 리덕스를 배우고 추가로 리액트에서 알아야할 Axios/API를 공부하는 주. 중간에 매니저님 오시면서 시간낭비 안 하시게 국물까지 쫙쫙 뽑아드리고 있었지. 리덕스로 상태관리 외에 이것 저것 많이 여쭤보다가 난중에 개인홈페이지 운영을 하고 싶어서 데이터베이스관리나 Dev/Ops 어떻게 할 지까지 얘기가 나왔어. 그러다가 Firebase로 개인홈 관리하면 편하다는 정보를 얻었지. 요즘 개인 웹서비스 디자인과 와이어프레임도 가끔씩 아이디어 떠오르면 기능은 어떻게 하고 디자인은 어떻게 하면 좋을찌 적고있어. DB쪽 관리를 어떻게 해야하나 고민이었는데 마침 좋은 소식이었지. 되게 신났어 흐흐 Firebase는 AWS와 같이 ..

사실 지금 리액트 배우는데 자료로는ㅋㅋㅋ이해가 사실 너무 안 가서 매니저님들이 공통적으로 추천해준 그 영상(노마드코더의 무료 React강의)를 보고 짜볼 생각이야. 전체적인 샘플링은 검사로 떠봤는데 코드는 반복연습으로 어느 정도 이런 구성으로 이루어지는구나 이해는 되는데 import하면서 props를 children으로 넘길 때랑 import 순서가 어떻게 되는 지 모르겠어서ㅋㅋ 파일과 폴더도 어떻게 구분해야할 지 감이 안 오구 헤딩으로 때려박기엔 기초 하나 제대로 못 익히면 활용할 때 아무것도 못 하니까.. 원래, Javascript의 ES5, ES6의 차이를 보려다 보너스로 찾은 자료가 있는데, React에서의 ES5와 ES6를 차이를 다룬 자료도 가져와봤어. React의 ES5와 ES6의 차이점: ..

Javascript 기초 그리고 React(Feat. 반복문과 로직, 수학?) 어려워도 익히면 익힐수록 재밌어. 변태같지만 잠을 안 자도 되고 안 먹어도 된다면 하루 죙일 하고싶어. 바로 javascript야. 알고리즘..js 잘 못 풀고 남들에 비해 이해력이 부족해서 항상 2배는 해야할 거 같아. js기초와 리액트 그리고 진도 안 맞는 스터디를 하면서ㅋㅋㅋ할 게 몇 개는 늘었지만 그래도 좋아. - 3주차에 들어서서 언어 주특기 React 입문 발제를 했어. 친절한 듯 아닌 듯한 심플한 강의 자료와 공식문서, 유튜브를 오가면서 공부하고 있어.는 아직 2일차지만 역시 나는 손코딩해야 좋더라..ㅎㅎ 하루 죙일 알고리즘 문제만 풀고싶기도 해. 쉬는 날에도 코딩 얘기하면서 음악 얘기하면서 음악을 코딩을 짜면 어..

현재진행중인 회고 다사다난 jinja2 jinja2로 구현하는 동적인 페이지 jinja2와 API 로그인과 회원가입 JWT토큰(JSON wep Token) 사전스터디 때 넣으려던 삭제기능 과 삭제버튼 유튜브영상 크롤링 대놓고 하기 실패 후 코드로 가져오기. 크롤링이라 했찌만 사실상 크롤링이 아닌가.. 알고리즘 사전스터디 프로젝트를 끝내고 신나게 시작하려던 풀스택 미니 프로젝트도 기능 구현에 있어서 재밌는 기능들을 더 알 수 있어서 좋았지. 로그인과 회원가입, jinja2 언어로 동적인 페이지 구현, 사전스터디 프로젝트에서 못 넣었던 좋아요와 삭제, 수정인 UD(Update, Delete)도 배우고, 마이페이지도 만들어 볼 수 있는 정말 뿌듯한 기회였는데... git홈에서 다운 받았던 로그인 테스트하려고 ..

개념도 보고 알고리즘 풀이도 보다보니 궁금했던 부분인데. 마침 알고리즘을 다 푸신 다른 조 분들이 와주셨는데 팀원분께서 지원요청 하신 것이였다! 두둥 고수분들이 와주셔서 완전 환영이였다! 팀원분께서 푸는 과정을 한 번 봐달라고 하시면서 중간중간 고수분들께서 풀이 방향을 제시해주시는데 얼마나 깔끔하고 세련되게 가르쳐주시는지..! 진짜 필요한 것만 예쁜 말로 딱딱 설명해주시는데 나도 저렇게 누군가를 도와주고싶다라는 생각이 막 팍 들면서 존경심이 마구마구 들었어. 나도 어서 익히고 발전하고 누군가에게 쉽게 설명할 수 있을 정도로 지식창고를 알뜰 살뜰 넓히고 활용도 신나게 하면서 구현하고 싶은 건 모든 구현할 수 있도록 해야겠다는 불타는 욕심이ㅋㅋ 여튼 핵심은 고수님이 오셔서 마침 알고리즘 문제 중 쉬운 문제가..

9기_1주차 - Chapter2. 10조 - trouble shooting 본격 알고리즘 문제 풀기 전 날, 과제제출한 후 팀원들과 js 간단 퀴즈 중 궁금한 문제에 대해 얘기를 나눴다. 일단 블로그과제 중이어서 어느 정도 조원들이 과제를 다 마치면 의논을 해보기로 했다. 반정도는 푼 사람이나 해당 문제에 대한 개념을 알고있는 팀원이 있으면 서로 설명해주고 풀이해주면서 풀었는데 반은 이게 뭐지?ㅋㅋㅋ 재밌는 문제들이네 하ㅏㅎ하 하면서 신기하네 하면서 같이 구글링도 하고 콘솔창에 이런 저런 답을 찍어보고 값을 대입해보고 재밌게 푼 거 같은데, 그 중에서 제일 기억에 남는 문제가 2개 였는데 그중 하나가 문제 1. console.log([]+{}); 답1 "[object Object]” 이거였다. 이게 무슨..

Requirement질문에 대한 답 1. js 자료형과 javascript만의 특성? ㅇ 자료형 ㅇ boolean(불리언) ㅇ String(문자열) ㅇ Number(숫자) ㅇ undefined ㅇ null ㅇ object(객체) ㅇ Array(배열) ㅇ NaN ㅇ function(함수) ㅇ js : 타입 변환 기능이 있다. 거기엔 두가지 타입 변환이 있다. 1.묵시적(암시적) 타입변환 2. 명시적 타입 변환 ㅇ 느슨한 타입(loosely typed)의 동적(dynamic) 언어의 문제점무엇이고 보완할 수 있는 방법에는 무엇이 있을 지 생각해보세요. ㅇ 문제점: 연산할 때 변수의 타입을 미리 선언할 필요없지만 프로그램이 처리하는 과정에서 변수의 자동으롤 파악되는데, 같은 변수여도 상황에 따라 입맛대로 값의..

3. 함수 ㅇ 반복되는 코드를 하나로 묶거나, 의미를 부요하고 역할을 나누기 위해 사용해. ㅇ 변수 선언, 조건문과 더불어 가장 많이 사용할 문법이야. ㅇ 기본 형태 function 함수이름(인자1, 인자2, 인자3) { //명령문 } 함수이름(인수1, 인수2, 인수3); // 명령문에 있는 내용을 실행해. ㅇ 인자(Parameter 또는 매개변수) : 함수를 호출할 때 전달받기 위해 지정한 변수를 뜻하고 몇개든 콤마를 이어붙여 입력받을 수 있어. : 인자에 전달하는 값 그 자체라고 할 수 있어. ㅇ 함수는 return 키워드로 값을 반환해. 4. 화살표 함수 ㅇ ES6에서 새롭게 추가된 문법인 화살표 함수(Arrow function) ㅇ 문법의 생김새처럼 화살표 모양을 하고 있어 이러한 이름이 붙었어...

2. 반복문 ㅇ 모든 반복문은 기본적으로 특정 구문을 반복할 때 써 for문 ㅇ 모든 for문은 조건문 위치에 있는 값이 Truthy한 경우 계속 반복 돼. ㅇ 조건이 처음부터 만족하지 않으면 반복문은 실행되지않아. ㅇ 기본적인 형태 for ( 초기화 구문; 조건문; 증감문) //명령문 ㅇ if문과 마찬가지로 Block 또한 쓸 수 있어. for (초기화 구문; 조건문; 증감문) { //명령문 } 초기화 구문 실행 ㅇ 초기화 구문 실행 let i = 0; 구문에 의해 i라는 변수가 선언된거야. 이 변수는 for문 밖에서 쓸 수 없어. ㅇ 조건문 검사 i는 0이므로 i < 3 코드를 0 < 3으로 보면 돼. 0보다 3이 커서 조건은 true로 평가 돼. ㅇ 명령문 실행 조건문이 true로 평가되고 명령문을..

Javascript 기초 문법 (2) 1. 논리 연산자 && (AND 연산자) ㅇ 형태 :조건1 && 조건2 ㅇ 조건1,2엔 모든 자료형의 값을 넣을 수 있고 불리언 연산이 적용돼. ㅇ 연산자 양쪽에 값 모두 Truthy해야 AND 연산자의 결과물도 Truthy해. ㅇ Truthy && Truthy -> 결과 : Truthy Truthy && Falsy -> 결과 : Falsy => 순서 상관없이 조건에 Falsy가 있다면 항상 Falsy한 결과가 나와. ㅇ 조건은 여러개 사용할 수 있어. Chaining이라고 해. -> &#39;String&#39; && true && [] && {} && undefined => 결과 : undefined -> &#39;String&#39; && false && [] ..