분류 전체보기

[TIL] #28. graphQL

2022.8.2. (화) 1. 오늘의 소감 못했네~ 못했네~ 오늘도 과제를 못 풀고 실시간 세션을 들으러 가네~~ 확실히 graphQL 이 더 작성이 편하고 직관적이고 유연하게 사용하기 좋아보인다. 하지만 현업에서는 아직 fetch 와 axios 를 더 많이 쓴다고 한다🥲. 나중에 실무에서 graphQL이 도입될 때 헤매지 않을 정도로 익혀두어야 겠다…!! 2. 학습한 키워드 그래프, 트리, GraphQL vs REST API, GraphQL 장단점, 오퍼레이션 타입, query, mutation, subscription, 필드, 전달인자, 별명, 쿼리 변수, 스키마/타입, !, 리졸버 3. 키워드를 바탕으로 학습 내용 설명해보기 GraphQL의 개념 GraphQL 은 페이스북에서 개발한 API용 쿼리 ..

[TIL] #27. 커스텀 컴포넌트

2022.6.30. (목) 1. 오늘의 소감 BEM 같은 CSS 방법론과 SASS 같은 CSS 전처리기에 대해서는 들어봤지만, CSS-in-JS 에 대해서는 처음 접했다. CSS-in-JS 의 발상은 정말 획기적이다. 기존에 내가 가지고 있던 리액트의 불편함과 의문점을 시원하게 해결해준 아이디어였달까. 역시 내가 불편하다고 생각한 것은 이미 누가 해결해놓은 경우가 많구먼… 기존 리액트는 JSX 문법을 사용하면서 HTML 와 JS 를 하나의 파일에서 처리할 수 있었다. 하지만 CSS는? CSS는 결국 따로 파일을 만들 수 밖에 없다. 스타일을 적용하려면 JSX 문서와 CSS 문서를 왔다갔다하며 클래스명을 확인해야했다. 따라서 직관적으로 ‘이 컴포넌트는 이런 스타일이 들어갔구나!’ 하고 파악하기가 힘들다. ..

[TIL] #26. 피그마 마무리 & 피그잼으로 UI / UX 분석

2022.4.26. (화) 1. 오늘의 소감 ✌️백준 솔브닥(solved.ac) 에서 실버를 땄다!🥈 6월 4일, 처음 백준 세팅하고 문제 풀이 시작할 때가 엊그제같은데 이제 매일 백준을 풀고 깃헙에 올리는 게 제법 익숙해졌다. 백준 덕분에 깃헙 잔디도 순조롭게 심어지고 있고😁! 물론 아직 초반의 난이도가 낮은 문제 위주로 풀긴 했지만;; 그래도 코딩 테스트에 조금은 자신이 붙었다! 피그잼은 피그마가 제공하는 협업용 화이트보드 툴이다. UI / UX 분석을 위해 사용해봤는데 진짜 사용하기 편하고, User Flow 도 간단하게 만들 수 있어서 좋았다. 무엇보다 피그잼 UI 가 너무 깔끔하고 쓰고 싶게 생겼다! 이 모든 기능을 무료로 제공하는 피그마 팀에게 압도적 감사를… 👉 페어님과 같이 만든 피그잼 U..

[TIL] #25. 피그마로 디자인 & 프로토타이핑

2022.6.28. (화) 1. 오늘의 소감 Figma! 정말 좋다! 이전에 포토샵, 일러스트레이터, 어도비XD 같은 그래픽툴을 사용해본 적은 있지만 ‘편하다'고 느끼기엔 무리가 있었다. 하지만 피그마는 정말 편하고 직관적으로 잘 만들어졌다는 게 느껴졌다. UI 배치도 사용자가 어떻게 하면 편하게 쓸 수 있는지 생각한 게 보였고, 메뉴 분류가 잘 되어있어서 필요한 기능을 직관적으로 찾을 수 있었다. 새삼 이래서 UI / UX 가 중요한 거구나 싶을 정도. 물론 내가 이전에 그래픽툴을 다뤘던 경험이 있어서 더 편한 걸 수도 있지만, 툴을 배운지 하루도 안되서 툴에 적응한 적은 처음이다! 역시 피그마가 2021년 기준 UI 디자인과 프로토타이핑 툴 분야에서 1등한 이유가 있다… 사용자들의 눈은 정확하다! 오..

[TIL] #24. UI / UX

2022.6.27. (월) 1. 오늘의 소감 오늘은 UI / UX의 개념과 UI 디자인 패턴 및 레이아웃 구성법, 그리고 UX 평가 기준에 대해 배웠다. 여러모로 개발 전 기획 단계에서 활용할 수 있는 기초 지식들이었다! 특히 ‘피터모빌의 벌집 모형' 이나 ‘제이콥 닐슨의 10가지 사용성 평가 기준'은 기획자나 디자이너와 소통할 때도 활용할 수 있을 듯 하다. 아무래도 개발자는 구현과 기능에만 치우쳐서 코딩하다보니 기획자나 디자이너분들보다 UI / UX를 신경을 덜 쓰게 된다🤔. 하지만 프론트엔드에서는 개발자도 UI / UX 를 이해해야 더 좋은 화면 구현할 수 있고, 현업에서 기획자와 디자이너와의 대화가 오고갈 때 요구사항을 제대로 이해할 수 있다. 앞으로도 UI / UX 에 대해 꾸준히 공부하고, 코..

[TIL] #23. JSON 과 TreeUI 에서 재귀 활용해보기

2022.6.24. (금) 1. 오늘의 소감 사각형의내부의사각형의내부의사각형의내부의사각형 의내부의사각형…. - 이상, 건축무한육면각체 연작시 中 백화점 → 이 사각형들 안에 있는 김철수씨를 찾을 때 무엇을 쓰면 좋을까? 바로 재귀다! 오늘 과제를 풀고 나니까, 재귀 함수를 어떤 경우에 쓰면 좋을 지 알겠다! 특히 그냥 코딩 테스트 문제에만 쓸 줄 알았던 재귀의 무궁무진한 활용법을 알게 되어서 좋았다. 결론부터 말하자면 재귀는 ‘트리 구조'에서 진가를 발휘한다. 트리구조는 부모가 하나이고 자식이 여러개인 구조이다. 대표적인 트리구조로 폴더 구조가 있다. 하나의 폴더 안에 여러 개의 파일과 폴더가 있고, 그 폴더 안에 또 여러 개의 파일과 폴더가 있다. 이 파일과 폴더들은 자식은 여러 개 가질 수 있지만 부..