복잡한뇌구조마냥

리액트를 처음 시작하는 이번주는 함께하는 다수의 분들을 한곳에 모아서 강의를 진행하는 신기한 경험을 했다. 비전공자분들이 많다보니 아무래도 진도를 따라가는 것에 어려움이 있던 것 같다. 함께 성장하는 공생관계이다보니 도울 수 있는 것은 최대한 도와드리고 나중에 다 같이 좋은 목표로 나아갔으면 한다. 기초주차에 알고리즘을 자바스크립트로 풀이하던 것에서 React를 처음 만나다보니 낯설고 어려웠다. 코드를 작성하면서 알게된 개념이나 이번 과제 풀이를 공유하고자 한다. 1. CRA (Create React App) 첫째로 리액트에 대해 알아보자. 공식 홈페이지에 적혀있는 React를 한마디로 정리하면 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리이다. React는 컴포넌트로 웹페이지를 쪼개어 각각의 ..

프로그래밍 기조 주차는 3건의 협업사항이 있었습니다. 뭐가 어떻게 된건지 잘한다고 소문이 났다네요... 다른 조원 분들이랑 접점이 거의 없었는데... 2주차만에 신기할 따름이네요.. 1 협업 8.5 첫날 바로 옆 조인 5조에서 요청이 왔습니다. 알고리즘 구조자체를 이해를 못하셔서 푸는 원리를 설명드렸습니다. 알고리즘은 결국 순서도를 의미하며, 컴퓨터가 코드를 인식하면서 순서대로 동작하는 것부터 이해시켜드렸습니다. 문법보다는 문제의 이해도로 어떤 순서로 풀어야 하는지 원리를 잡아드렸고, 그 뒤에 반복문과 조건문, 변수의 사용에 대해 간단히 설명드렸습니다. 2 협업 8.6 다음날 10조에서 요청이 왔습니다. 3분이 함께 오셨더라구요. 프론트 엔드반으로 수강중이라 언어가 달랐으나 전공으로 자바를 공부한 경험이..

알고리즘 주차가 끝이 났다. 해당 주차는 프로그래밍 기초 주차였는데 알고리즘 문제만 가득해서 사실 처음에 와닿지는 않았다. 미리 풀어보고 오긴했는데 c언어로 풀고 갔다 알고보니 주특기에 맞는 언어로 푸는 것이 과제였다. 이번주는 자바스크립트의 다양한 문법과 그것을 응용한 알고리즘 풀이가 핵심과제였다. 시험 모의고사와 테스트로 나뉘어 진행되었고 시험때 코드만봐도 많이 변했다. 결과적으로 시험코드랑 원래같으면 어떻게 풀었을지 먼저 공유해보자. 실제풀이 function solution(n) { let result = (n + '').split('').reverse(); let sum = result.reduce((a,b)=>Number(a)+Number(b),0) result = `"${result.join(..

1. 커밋 - 수정된 내용을 정리하여 등록하는 단계 2. 푸쉬 - 로컬Repo -> 원격 Repo로 정리된 내용을 등록하는 단계 3. 풀 - 원격 Repo -> 로컬 Repo로 정리된 내용을 등록하는 단계 4. 브랜치 - 작업 내용이 겹치지않도록 가지를 뻗어서 일을 나눠서 하는 단계 5. 머지 - 브랜치로 나눠서 하는 일들을 하나로 합쳐주는 단계 6. 충돌 - 같은 파일을 작업해서 합치는 과정에 등장하는 단계 - 1주차 프로젝트하면서 몇번 경험해보긴했는데... 생각보다 합치는 과정에서 처리하기가 쉽지않다. - 둘중에 원하는걸 하나 받아오고 거기서 수정하는게 더 편하게 작업했던 것 같다. 7. 포크 - 외부의 자료를 받아오는데 사용한다. (일종의 copy) 8. 이슈 - 작업간 필요한 내용을 정리하여 올리..

주특기 시작 주의 축약본입니다. 볼 때마다 뿌듯하네요. 이번주는 팀장을 맡아서 하게되었습니다. 할당된 문제는 거의 첫날에서 이튿날에 끝난 것으로 기억하고 지금은 팀원분들과 풀이과정을 공유하고 복습하는 느낌으로 함께 진행하고있습니다. 일일단위로 문제를 배분해서 푸는 시간을 갖고 중간결산 후에 최종 결산으로 문제 확인 후 풀이하는 과정입니다. 미숙한 팀장이지만 팀원분들께 피해가 가지않도록 성실히 부지런히 노력하겠습니다. 마지막 번호까지 제 풀이를 코드로 저장해놨습니다. 문제를 몰라도 코드를 보면 이해할 수 있는 수준이 되었네요. 푸는 방법이 떠오르는데 코딩실력이 모잘라서 푸는데 시간이 걸린 문제도 있었습니다. 다음 게시글에는 몇몇 문제를 선별하여 코드와 풀이방법 그리고 참고한 함수들을 겸해서 올려보겠습니다...

프로젝트 SpartaTravler 어찌저찌 끝났다. 솔직히 어디서부터 손대서 뭘 해야할지 막막했는데 좋은 팀원분들과 함께해서 좋은 결과물도 나오고 협업이라는 과정도 순탄하게 잘 경험한 것 같다. 프로젝트 주제는 여행지, 맛집 등 장소를 리뷰하는 플렛폼 SpartaTraveler 입니다. 프로젝트는 22.8.1 - 22.8.4 로 진행되었고 첫 프로젝트의 과제의 난이도치고는 시간이 짧지 않았나싶다. 하지만 단기간에 성장하는 양은 앞도적이였던 것 같다. 이전 현재 상황 글을 보면 수준이 단순히 로그인, 회원가입을 그냥 만들어내는 수준이였는데, 막상 본격적으로 이렇게 작업을 시작하니 로그인 하나, 회원가입 하나에도 다양한 방법과 방식이 존재했다. 뭐 아무튼 잡설은 짧게하고 프로젝트를 분석하며 뜯어보려고 한다...

1. JavaScript의 자료형과 JavaScript만의 특성은 무엇일까? 1) 느슨한 타입(loosely typed)의 동적(dynamic) 언어 - 자바스크립트는 느슨한 타입의 동적 언어로 변수가 자료형에 관계 없이 데이터가 입력이 가능하다. - 변수를 선언할 때 자료형에 따라 int, string 등이 아닌 var, let, const 등으로 선언해 해당 값에 따라 입력이 가능하다. JavaScript의 자료형은 다음과 같다 - 숫자형 : 숫자를 담을 수 있는 자료형이다. ex) 10, 1, 2, 3 - BigInt : 자바스크립트의 일반 자료형의 길이가 정해져 있어 그 이상의 큰 수를 담을 때 사용하며, 끝에 n이 붙는다. - 문자형 : 문자를 담을 수 있는 자료형이다. ex) "Hello Ne..

github 쓰는법 어려워서 못쓰는줄 알았는데 강의를 통해 올리게 되었습니다. https://github.com/Yoepee/til.git GitHub - Yoepee/til: 이노베이션 프로젝트 이노베이션 프로젝트. Contribute to Yoepee/til development by creating an account on GitHub. github.com 폴더 등록법을 찾아보니까 명령어를 통해서 올려야한다고 해서 따라해봤는데 잘 안됐습니다. 강의를 통해 sourcetree 프로그램을 이용하여, 폴더를 등록해주고 같이 올리면 됩니다. 미리만들면 편할듯 로컬 repo - 본인 컴퓨터, 원격 repo - 서버(github) push - 로컬 -> 원격 pull - 원격 -> 로컬 기준은 로컬이라고 생각..