본문 바로가기

분류 전체보기156

[React]Tailwind.css의 필요성 css 프레임워크는 웹 어플리케이션 개발에서 매우 중요하다. 작은 규모의 css는 관리가 간단하지만, 규모의 개발로 가서, 규모가 커지고, 참가하는 이해관계자들이 늘어나면 그에 따라 css 관리가 더 복잡해진다.  여기서 Tailwind css 의 필요성이 대두가 된다. 기존에 강력한 css in js 라이브러리인 styled-components는 강력하고 편리하지만, 복잡하고, 유연하고 직관적이지 못하다.-> tailwind처럼 class로 간단하고 직관적으로 css를 설정할 수 있는 시스템이 아니라, const newDiv = styled.div`display:"fixed"` 같은 느낌으로 코드를 작성하고 , 선언한 스타일 코드를 다른데서 선언하거나, 함수형 컴포넌트로 사용하는 경우가 보통인 경우인 .. 2024. 9. 13.
[Algorithm]프로그래머스 - 바탕화면 정리(Javascript) 코딩테스트를 준비하는 머쓱이는 프로그래머스에서 문제를 풀고 나중에 다시 코드를 보면서 공부하려고 작성한 코드를 컴퓨터 바탕화면에 아무 위치에나 저장해 둡니다. 저장한 코드가 많아지면서 머쓱이는 본인의 컴퓨터 바탕화면이 너무 지저분하다고 생각했습니다. 프로그래머스에서 작성했던 코드는 그 문제에 가서 다시 볼 수 있기 때문에 저장해 둔 파일들을 전부 삭제하기로 했습니다.컴퓨터 바탕화면은 각 칸이 정사각형인 격자판입니다. 이때 컴퓨터 바탕화면의 상태를 나타낸 문자열 배열 wallpaper가 주어집니다. 파일들은 바탕화면의 격자칸에 위치하고 바탕화면의 격자점들은 바탕화면의 가장 왼쪽 위를 (0, 0)으로 시작해 (세로 좌표, 가로 좌표)로 표현합니다. 빈칸은 ".", 파일이 있는 칸은 "#"의 값을 가집니다. .. 2024. 9. 12.
[Algorithm]프로그래머스 - 대충 만든 자판(Javascript) 휴대폰의 자판은 컴퓨터 키보드 자판과는 다르게 하나의 키에 여러 개의 문자가 할당될 수 있습니다. 키 하나에 여러 문자가 할당된 경우, 동일한 키를 연속해서 빠르게 누르면 할당된 순서대로 문자가 바뀝니다.예를 들어, 1번 키에 "A", "B", "C" 순서대로 문자가 할당되어 있다면 1번 키를 한 번 누르면 "A", 두 번 누르면 "B", 세 번 누르면 "C"가 되는 식입니다.같은 규칙을 적용해 아무렇게나 만든 휴대폰 자판이 있습니다. 이 휴대폰 자판은 키의 개수가 1개부터 최대 100개까지 있을 수 있으며, 특정 키를 눌렀을 때 입력되는 문자들도 무작위로 배열되어 있습니다. 또, 같은 문자가 자판 전체에 여러 번 할당된 경우도 있고, 키 하나에 같은 문자가 여러 번 할당된 경우도 있습니다. 심지어 아예.. 2024. 9. 11.
[Pattern]React Query 동작원리 및 Observer 패턴과 Pub-Sub Pattern 1.React Query 동작원리2. Observer 패턴3. Pub-Sub 패턴 2024. 9. 11.
[Javascript]Synchronous Processing(동기) 와 Asynchronous(비동기)에 관하여 1.Synchronous Processing 동기요청을 보내고, 응답이 올 때까지 대기한 후 응답이 오면 작업 진행일의 순서가 중요한 경우 동기 처리를 진행하면 된다.처리 순서가 보장되지만, 다음 응답이 오기까지 다른 작업을 수행할 수 없기에 비효율적일 수 있다.    console.log("첫 번째");  for (let i = 0; i 1000000000; i++) {    // 무거운 작업  }    console.log("두 번째");2. Asynchronous Processing 비동기 요청을 보내고, 응답을 기다리지 않고 다음 작업을 계속 해서 진행일의 순서가 중요하지 않을 경우 효율적인 작업의 처리를 위하여 활용할 수 있다.   function sendTextMessage(message, .. 2024. 9. 5.
[CS Knowledge] 협업에 관하여.. 좋은 코드 리뷰, 좋은 PR, 좋은 PR Review... 코딩 컨벤션 참조하기 좋은 사이트https://ui.toast.com/fe-guide/ko_CODING-CONVENTION 코딩컨벤션코딩 컨벤션은 읽고, 관리하기 쉬운 코드를 작성하기 위한 일종의 코딩 스타일 규약이다. 특히 자바스크립트는 다른 언어에 비해 유연한 문법구조(동적 타입, this 바인딩, 네이티브 객체 조작 가ui.toast.com 전 게시물에서도 언급을 했지만 개발자로써의 협업의 목표는 1. 안전한 개발2. 개발 생산성 증대좋은 협업 프로세스가 갖춰진 집단이나 조직은 -> 안정성과 생산성을 증대시킨다. 1. 코딩 스탠다드 정하기 5가지 원칙1. 실수하지 않게끔 예방2. 실수했더라도 최대한 빨리 찾아야함3. 시간을 너무 낭비하지 않기 4. 인간의 평균 지적 수준으로 잘 이해할 수 있는가5... 2024. 8. 30.

티스토리툴바