항해 첫 주, 첫 번째 날 첫날부터 완벽하게 좌절을 맛봤다... 내가 요즘 제일 좋아하는 등산을 주제로 프로젝트를 진행하게돼서 신났는데, 사진 업로드를 어떻게 할 것이냐는 튜터님의 질문에 머릿속에 떠오르는 방법이 하나도 없었다.. 등산 후기에 사진이 없으면 너무 보잘
jinja2 > jinja2 템플릿 언어 Flask 프레임워크에서 사용하는 템플릿 언어. '템플릿'이 되는 HTML 문서에 데이터가 들어갈 곳을 표시해놓는 역할을 합니다! jinja2 에서 사용하는 명령어 data를 정수 값으로 환산 html 태그가 들어올 경우
git fork 하는 방법을 처음 알았다..일 할 때는 브랜치만 새로 따서 작업했었는데, 그러다 보니까 내가 깜빡하고 브랜치 새로 안만들고 마스터로 바로 푸시해버려서 난감했던 적이 있었는데 fork 방식으로 진행하면 똑같은 Repository가 내 페이지에 생성되고,
1.직사각형 별찍기 이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다. 별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요. 예시 입력 출력 내가 작성한 solution.js 항해 강의 들으면서 영화 별점 페
1. 내적 길이가 같은 두 1차원 정수 배열 a, b가 매개변수로 주어집니다. a와 b의 내적을 return 하도록 solution 함수를 완성해주세요. 예시 입출력 예 내가 작성한 solution.js 이 문제는.. 문제를 이해는 것 부터가 문제였다..ㅋㅋㅋ
항해 첫번째 주, 첫 프로젝트를 진행하면서 공부하고 실제로 사용했던 JWT와 API의 개념에 대해 정리했다. 이런 이론이나 용어들에 대한 개념이 항상 애매해서 사용하면서도 헷갈렸는데, 이렇게 정리를 통해 좀 더 개념을 잡는 기회가 된 것 같다.우선, JWT를 이해하기
1. 완주하지 못한 선수 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어
1. 제일 작은 수 제거하기 정수를 저장한 배열, arr 에서 가장 작은 수를 제거한 배열을 리턴하는 함수, solution을 완성해주세요. 단, 리턴하려는 배열이 빈 배열인 경우엔 배열에 -1을 채워 리턴하세요. 예를들어 arr이 [4,3,2,1]인 경우는 [4,3
1. 로또의 최고 순위와 최저 순위 로또를 구매한 민우는 당첨 번호 발표일을 학수고대하고 있었습니다. 하지만, 민우의 동생이 로또에 낙서를 하여, 일부 번호를 알아볼 수 없게 되었습니다. 당첨 번호 발표 후, 민우는 자신이 구매했던 로또로 당첨이 가능했던 최고 순위와
react반 과제 제출하기 (html 폼 작성)1일 1로그 100일 완성 IT 지식 하드웨어 4~5챕터 공부튜터님이 주신 링크 공부하기javascript 배열 함수 10가지 https://www.youtube.com/watch?v=3CUjtKJ7PJg&list
오늘부터 주특기 주차 시작..!드디어 리액트 공부를 시작하게됐다. 약간 설레기도 하면서 두렵기도 한 복합적인 느낌..?리액트 시작 전, 작업환경 세팅을 위해 필수 프로그램 설치 가이드를 보고 설치하는데,터미널 종류가 zsh로 돼있으면 bash로 바꾸라고 하고.. 그 후
JavaScript의 특성 1. 느슨한 타입(loosely typed)의 동적(dynamic) 언어 javascript는 변수를 선언할 때 특정 타입을 지정해줄 필요가 없으며, 모든 타입의 값으로 할당이 가능하다. 변수로 선언될 수 있는 자바스크립트의 자료형은 크
React 1주차 가상DOM 가상돔은 메모리 상에서 돌아가는 가짜 DOM 이다. DOM 트리 중 하나가 수정될 때마다 모든 DOM을 뒤지고, 수정할 걸 찾고, 싹 수정을 한다면? 필요없는 연산이 너무 많이 일어나기 때문에 등장한 게 가상돔이다. 가상돔의 동작 방식
ES는 ECMAScript의 줄임말이며, 정보와 통신 시스템을 위한 국제적 표준화 기구인 Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 자바스크립트를 표준화 하기 위해 만들어졌다. ECM
Github 에서 보기컴포넌트와 리액트 요소를 다룰 수 있어요.이벤트를 관리할 수 있어요.라우팅을 할 수 있어요.내 일주일 평점 남기기 완성 + 파이어베이스 or S3로 배포 두 가지를 모두 완수해야 합니다.1) 메인 페이지일주일 평점 보여주기 \- 평점은 1~5
event listener는 등록되면 반드시 해제되어야 한다.클래스형 컴포넌트에서는 컴포넌트가 화면에서 사라질 때(unmount 될 때) componentWillUnmount메서드에서 event listener를 해제하는데, 라이프사이클 메소드를 사용할 수 없는 함수형
텍스트 파일로 만들어져 있는 웹 문서를 브라우저에 렌더링하려면 웹 문서를 브라우저가 이해할 수 있는 구조로 메모리에 올려야 한다. 브라우저의 렌더링 엔진은 웹 문서를 로드한 후, 파싱하여 웹 문서를 브라우저가 이해할 수 있는 구조로 구성하여 메모리에 적재하는데 이를 D
6월 시작!!!!! 4주차의 끝물! 어느새 6월!!!!! 4주차가 이미 끝나가는 수요일이라니..? 사실 항해 시작한지는 솔직히 최소 두달은 된 느낌인데 내가 벌써 4번째 주를 지나고 있다고 생각하니 생각보다 시간이 빠른 것 같기도 하고 모르겠다. 날씨가 너무 좋아서
async, await promise 함수가 등장한 배경 위 코드에서 LoadFruit 함수 내에 있는 'apple' 이라는 데이터가 호출되는데에 총 10초가 걸린다고 가정한다면, loadFruit 함수가 처리되는 10초라는 시간동안 그 아래에 작성되어 있는 모든
드디어!!!!! 드디어가 맞나?리액트 숙련 주차가 마무리되었다. 오늘부터 심화주차 시작인데...아직도 리액트랑 데면데면한 것 같은데 왜 심화주차인지.. 다들 의문이지만...?그래도 과제 마무리도 했고, 2주 전만 해도 리액트 이름만 알고 어떻게 사용해야 하는지 아무것도
계속해서 반복 사용되는 이벤트를 반복 사용할 수 있도록 Hook 으로 만드는 것.규칙이름은 use~ 로 시작해야 한다. ex) useClickevent, useCompletes...반드시 return 값이 있어야 한다.주의사항Custom hook에서 만든 state가
이번 한 주도 어떻게 지나가고있다.. 벌써 일요일이라니!!!!!아직도 리액트랑 친해지는 중인데, 심화주차가 4일이나 지났다니... 그래도 가끔 개념적인 것들이 어렵고 헷갈리긴 해도 과제 진행하면서 재밌게 하고 있다고 생각했는데, 반복되는 하루하루가 은근 스트레스였는지
이번주차부터 시작된 프론트&백엔드 협업 프로젝트..!!!여태까지 리액트 기초-숙련-심화 과정을 거치면서 리액트랑 친해지는 것 만으로도 미션이었는데, 이번에는 그 모든 기술들을 총 동원 + 백엔드 분들과 원활한 소통까지 필요해서 더욱 신경쓸게 많은 것 같다.무엇보다도 지
원래대로라면 일요일인 어제 작성해야했던 WIL이지만...너무 푹 쉬어버려서 WIL 작성도 못하고 월요일이 된 오늘에서야 작성하는 WIL저번주 진행했던 프론트엔드와 백엔드가 함께 하는 미니 프로젝트, 그리고 이번주 진행되는 클론코딩 프로젝트를 진행하면서 협업이라는 것에
이번 주차를 진행하면서, 가장 중요하게 생각하고 신경썼던 점은 협업이니만큼 팀의 분위기를 최대한 딱딱하지 않게 만들기 위해 소통을 많이 하고 분위기를 부드럽게 만들기 위해 노력했던 것 같다.물론 내가 팀장은 아니었지만 참여하는 팀원 한 명 한 명이 또 어떻게 행동을 하
얼마 전 과제전형을 치루면서, 리액트의 SPA 내부의 페이지 이동으르 가능하도록 해주는 라이브러리인 react-router-dom을 오랜만에 사용하게 되었다.다음 페이지 혹은 이전페이지로 이동할 때에 navigate 메서드를 사용했고 이 때, 다음 페이지 혹은 이전 페
SPA 애플리케이션을 손쉽게 만들 수 있도록 도와주는 리액트와 같은 라이브러리를 사용해 서비스를 구축하면 Virtual DOM, 즉 가상돔을 활용해 DOM을 효율적으로 업데이트 할 수 있다. 이전의 가상돔과 업데이트된 가상돔을 비교해 변화가 필요한 부분만 변경사항을 합