본문 바로가기

전체 글75

210204_TIL 🎄오늘 한 일 ✔️ 1. ChatterBox 웹 앱 만들기 어제부터 진행하였던 chatter Box를 성공적으로 완성하였다. 원하는 기수를 선택하고, 이름과 메세지를 적고 Post 버튼을 누르면 서버로 해당 메세지를 전송하고 생성하게 된다. 이후 바로 다시 서버에서 모든 메세지를 가져와 기존 돔을 비우고 다시 렌더링하여 메세지가 추가되는 것까지 구현하였다. 추가로 server clear 버튼과 DOM clear 버튼을 만들어서 각각 서버에 있는 모든 메시지를 삭제하는 역할, DOM에 모든 메세지를 지우는 역할을 하도록 구현하였다. 🎄chatterbox 🎄코드 분석 및 개선 코드 분석 (함수단위) 1. init 처음 앱 시작시 실행되는 코드로 메시지를 전부 가져와 화면에 뿌려주고, 버튼들에 이벤트를 연결해.. 2021. 2. 5.
210203_TIL 🎄오늘 한 일 ✔️ 1. Client-Server 아키텍쳐, HTTP 개념 학습 클라이언트와 서버와의 관계를 생각하며, 클라이언트가 서버와 어떻게 통신을 주고받고 있는가에 대하여 학습하였다. 웹이라는 공간에서 데이터가 어떻게, 어떤형태로 전달되는지에 대한 메커니즘을 배우고, 서버,클라이언트, HTTP, API, Ajax 등 웹개발의 기본이 되는 키워드들을 학습하였다. 뭔가 다~ 한 번씩은 들어본 개념이었는데, 머릿속에 스쳐지나가듯이 흔적만 있는 개념들을 명확하게 기억할 수 있어 좋았다. ✔️ 2. fetch API 를 통한 chatterbox 구현 구현되어 있는 서버에 fetch API를 통하여 메세지를 요청(GET)하고, 메세지를 보내(POST)는 것을 구현해보았다. 개념을 아는 것과 코드를 쓰는 것은.. 2021. 2. 4.
210202_TIL Start Think: 오늘은 학습할 때 조금 쉬운 느낌이 들었는데, 하핳 복습 한 번 하고 나니 새벽 3:30이다. 다음날 스케줄을 위해서 최대 4시 까지 진행하는 것으로 판단하여 서둘러 TIL을 작성해보도록 한다. 🎄오늘 한 일 ✔️ 1. Sprint를 통한 Promise와 async await 사용 fs 모듈을 통해 특정 파일을 읽는 작업(비동기)을 진행하고, 이를 Promise와 async await을 사용하여 순차적으로 여러작업이 진행될 수 있도록 해보았다. 코드를 작성할 때는 쉽게 느껴졌는데, 막상 reference(정답)을 확인하고 나니 부족한 부분이 너무 많아서 아찔했다. API를 통해 데이터를 받아오고 비동기 작업을 처리하는 과정을 part3 sprint에서 진행하였다. 최신뉴스데이터와 .. 2021. 2. 3.
210201_TIL Start Think: 짧은 휴식 끝 다시 2월 시작 ^.^ 바쁘지만 알찬 또 한 달이 되기를~ 🎄오늘 한 일 ✔️ 1. JavaScript 에서 비동기처리를 위한 3가지 방법 학습 JS에서 비동기처리를 위해 전통적으로 사용되었던 콜백패턴과 콜백 헬로 인한 가독성 저하를 개선하기 위해 ES6에서 도입된 Promise를 통한 비동기처리법, promise를 좀 더 간편하게 구현할 수 있는 async & await 을 사용한 최신방법까지 학습하였다. 코드를 치는 것보다 Promise의 개념을 정확히 이해하는 것이 상당히 어려웠다. 내일도 해당 부분 학습을 진행할 예정이여서 조금 더 익숙해지고, 자주 써보며 학습을 진행해야겠다. ✔️ 2. Toy Coding Problem5 하루에 한 문제씩 풀고 있는 Toy .. 2021. 2. 2.
210127_TIL 오늘은 코스 중간평가시험을 보았다. 이전에 어렵다고 겁을 많이 주어서인지 문제의 난이도가 생각보다 높지는 않았다. 무사히 통과하게 되어 기쁘고, 남은 코스를 무사하게 수료하고 싶다. 무사히 수료하는 것을 넘어서 정말 목표로 하던 실력을 쌓고, 원하는 회사에 일원이 되었으면 좋겠다! 그날까지 화 이 팅! 🎄오늘 한 일 ✔️ 1. Second Hiring Assesment (2nd HA Test) IM코스에서 배운 주제들이 골고루 출제되었고, 총7문항으로 구성되어 있었다. 난이도는 크게 어렵지는 않았지만, 단순히 문제를 푸는 것보다 내가 얼마나 이 개념들을 잘 이해하고 있는지 파악하기 위해서 스스로 평가표를 만들어 체크하며 문제를 풀어나갔다. 1.Destructing (구조분해할당) 이해도 :3 소요시간: .. 2021. 1. 28.
210126_TIL 🎄오늘 한 일 ✔️ 1. (Toy Problem) - rockPaperScissors 처음 주어진 한시간에는 문제 이해를 제대로 하지 못하였으나,이후 귀납적방법을 통하여 advance 이전 테스트를 통과하도록 구현하였다. Advanced 문제는 재귀함수를 이용하여 약간은 트리와 비슷하게 구현해보고자 하였으나, 큰 어려움이 있었고, reperence 코드 중 재귀를 이용한 반복구조를 생각해두고 풀어볼 수 있었다. ✔️ 2. (Sprint) N-Queens, N-Rooks 이번 스프린트는 n개의 퀸(룩)을 nxn 체스판 위에 서로 공격할 수 없도록 두는 경우의 수를 구하는 함수들을 구현하는 것이다. 팀별회의를 통해 top-down 방식으로 전체적으로 문제에 어떻게 접근해야하는 지 전략을 도출하였고, 이후 p.. 2021. 1. 26.

티스토리툴바