본문 바로가기

웹 개발14

프런트엔드 개발자가 알아야 할 6가지 API 프런트엔드는 개발 과정에서 중요한 역할을 합니다. 웹사이트의 그래픽 사용자 인터페이스를 만드는 것이다. 프런트엔드는 사용자가 상호작용할 수 있는 클라이언트 측을 말합니다. API(응용 프로그램 인터페이스)는 귀중한 도구입니다. API 통합 서비스는 개발자의 성능을 높이고 상당한 시간을 절약하는 데 도움이 됩니다. 프런트엔드 개발을 위해 다양한 API가 등장합니다. 이 블로그에서는 프로그래머가 알아야 할 몇 가지 API를 나열하고 있습니다. 만약 당신이 프런트엔드 개발자를 고용할 계획이라면, 코더가 다른 API 통합에 능숙해야 합니다. 1. JSONPlaceholder JSON은 자바스크립트 객체 표기법의 약자로 개발자의 이미지 자리 표시자로 불린다. 처음에 개발자들은 시제품 제작과 테스트를 위해 JSON.. 2022. 3. 6.
임머를 통한 더 나은 국가 관리 방법 임머가 뭐야? 이머의 작동 방식 //Syntax for using Immer updatePerson(draft => { draft.places.city = 'Lagos'; }); 생산물 사용 상태를 임머로 바꾸기 usState + Imper: import React, { useCallback, useState } from "react"; import produce from "immer"; const TodoList = () => { const [todos, setTodos] = useState([ { id: "React", title: "Learn React", done: true }, { id: "Immer", title: "Try Immer", done: false } ]); const handleT.. 2022. 2. 15.
JavaScript를 배우기 위한 최고의 YouTube 채널 2022. 2. 15.
내 상사가 잘못된 프로젝트 일정 추정으로 프로그래머를 해고하는 8가지 이유 어떤 경우에도 시간을 뺏는 2차 활동을 고려하지 않았기 때문에 5분 만에 변경한다고 해서 5분 안에 해제되는 것은 아니다. 왜냐하면 그는 항상 모든 것을 빨리 할 수 있다고 생각하기 때문이다(가장 큰 문제는 시간을 주기 시작할 때이다). 그는 이 과정에서 병목현상을 느끼거나 "슈렉과 놀아줘: 준비됐니?"와 같은 압박감을 느낄 수 있다. 됐나요? 됐나요? 됐나요? 준비됐나요?) 그는 상황 전환이나 변경으로 인한 (판매 시 고려해야 할) 손실 시간을 고려하지 않기 때문에, 물론 다른 사람들에게는 별로 중요하지 않아 보입니다(그 확인도 저에게 주세요). 프로그래머는 자주 방해를 받기 때문에 부서 외부든 내부든 상관없이 끊임없이 평화롭게 일해야 한다. 정확한 추정을 위해서는 분석에 적절한 시간을 할애해야 합니다.. 2022. 2. 15.
신입 프로그래머에게 첫 출근 날 주는 9가지 조언 배우고자 하는 자신을 보여라 (더 잘 할 수 있다는 것을 알더라도 겸손하세요. 아무리 당신이 옳다고 해도 그들은 새로운 프로그래머에게 거의 관심을 기울이지 않으니, 그것에 대해 너무 나쁘게 생각하지 마세요. 대신, 그는 당신의 아이디어를 약에 먹이고 혁명가는 아닙니다. 그는 대신 다른 사람의 아이디어를 분해하는 것을 피합니다. 그는 그것들을 개선할 방법을 찾는다. 모든 사람의 일을 개선할 수 있는 방법을 기꺼이 돕고 제안하세요. 당신이 성공하지 못할지라도, 그 태도는 특히 동료들 사이에서 높이 평가될 것이다. 성과가 없을 것 같으면 우울해하지 마세요. 처음에 인식은 항상 같습니다. 그러니까 기준을 높게 유지하되, 너무 기대는 하지 마세요. 동료/상사의 조작 방식에 적응하되, 잘못된 기술을 습득하지는 마십.. 2022. 2. 15.
2022년에 꼭 사용해야 할 11가지 놀라운 프런트엔드 개발 툴 1. 대응력 2. 차트.css 3. 그림 그리기 4. 공용 API 5. 유리형태성 CSS 생성기 6. UiGradients 7. 기티뇨르.이오 8. iHateRegex 9. 극장 10. 머리 없는 UI 11. 더 예쁜 결론 2022. 2. 15.
JavaScript 오브젝트 속성의 하위 집합을 가져오는 방법 때때로 객체에서 JavaScript 속성의 하위 집합을 가져오기를 원할 수 있습니다. 이 문서에서는 JavaScript 오브젝트 속성의 일부를 사용할 수 있는 위치로 가져오는 방법에 대해 설명합니다. 객체 파괴 자바스크립트 오브젝트 속성의 하위 집합을 가져오는 가장 짧고 쉬운 방법은 오브젝트 파괴 구문을 사용하는 것이다. 예를 들어, 우리는 다음과 같이 쓸 수 있다. const object = { a: 1, b: 2, c: 3 }; const { a, b } = object const picked = { a, b } console.log(picked) 우리는 a, b, 그리고 c의 특성을 가진 물체를 가지고 있습니다. 속성을 얻기 위해, 우리는 그들을 파괴하여 그들의 변수에 할당할 수 있습니다. 우리는 .. 2022. 1. 12.
일시적 데드 존 T.D.Z는 Temporal Dead Zone의 약자로 정해진 의미를 가지고 있습니다. Temporal Dead Zone은 공상과학 용어처럼 들리지만, 우리는 우리가 매일 사용하는 용어와 개념이 무엇인지 이해하기 위해 이 세 가지 마법의 단어를 접해야 한다. 그러니 앞으로 나아가기 전에 이 세 단어, 즉 시간적, 죽음, 구역에 대해 깊게 살펴보자. 일시적인 것을 나타내는 시간적, 어떻게든 생명이 없는 상태를 의미하는 단어 dead, 구역은 메모리와 관련된 프로그래밍 세계에서 의미하거나 시간 주기 또는 위상으로 간주될 수 있는 영역을 나타낸다. 따라서 이 세 용어를 모두 조합하면 일부 실체는 일시적으로 생명이 없거나 비활성 상태여서 어떤 종류의 작업에도 사용할 수 없다는 것을 알 수 있다. 이 주제를 이해.. 2022. 1. 12.
베스트 오브 마이 워크 안녕하세요. 저는 독일에 거주하는 소프트웨어 엔지니어링 분석가이자 컨텐츠 제작자인 Marius입니다. 저는 지속적인 배움과 새로운 도전에 직면하는 것을 좋아합니다. 프로그래밍을 즐기고 디지털 일상생활에 도움이 되는 가치 있는 제품을 만드는 것만큼이나 소프트웨어 공학에 대해 읽는 것도 즐겁습니다. 수천 명의 사람들이 좋아하고 인터넷에서 텍스트와 책갈피를 보다 효율적으로 구조화하기 위해 사용하는 내 웹 하이라이트 크롬 확장을 확인하십시오. 저는 또한 축구 beach valleyball , 그리고 산악 자전거 , 등산 , 특히 스키 도 좋아합니다. 이 글에서, 나는 지금까지 내가 가장 잘 쓴 작품들 중 몇 가지를 소개하고자 한다. 웹 구성요소 웹 구성요소가 프런트엔드 프레임워크를 대체할 것인가? 전체 웹 구성.. 2022. 1. 4.
느슨하게 결합된 Node.js 서버에 대한 React 프런트엔드 이 글에서는 리액트를 사용하여 간단한 학생 관리 애플리케이션을 프런트 엔드로 만들 수 있도록 안내하겠습니다. 이것은 http 요청을 통해 백엔드에 연결되는 느슨한 결합 프런트엔드 애플리케이션입니다. 이 문서에서는 데이터베이스로 백엔드를 생성하는 단계를 설명합니다. 쉽게 이해할 수 있도록 학생 추가, 학생 업데이트, 학생 삭제 및 학생 보기와 같은 간단한 CRUD 기능에만 집중하겠습니다. 리액트 프런트 엔드를 만들어 보겠습니다! create-react-app명령을 사용하여 대응 앱을 만듭니다. 그 전에 앱을 생성할 디렉터리를 선택해야 합니다. 그러면 거기서 cmd를 여세요. 제 리액트 앱의 이름은student_app_frontend`입니다. 또한 나는 serviceWorker.js 파일을 만들 수 있는 선.. 2022. 1. 4.
소프트웨어 개발자로서 돈을 버는 6가지 방법 만약 당신이 프로그래밍광이고 온라인에서 돈을 벌지 않는다면, 당신은 빅을 놓치고 있는 것이다. C++, HTML, Python, JavaScript, NET, Java 및 PHP와 같은 언어에 익숙한 모든 사용자(읽기: 사용자)는 온라인 코드에 대한 비용을 지불할 수 있습니다. 이것은 당신이 마침내 프로그래밍에 대한 사랑과 차가운 하드캐시에 대한 사랑을 결합할 수 있다는 것을 의미한다. 당신이 다양한 코딩 언어와 프로그램을 배우면, 당신은 온라인에서 당신의 기술을 제공할 수 있고 빠르게 현금을 만들기 시작할 수 있습니다. 핵심은 고객에게 어필하기 위해 최신 코드를 배우고 알아야 한다는 것입니다. 그렇게 함으로써, 당신은 당신의 서비스에 더 많은 비용을 청구할 수 있습니다. 코드와 프로그래밍 언어에 대한 .. 2022. 1. 4.
코딩하는 방법을 배우십시오. w 배움에 관한 한, 우리는 모두 다른 접근법을 가지고 있다. 우리들 중 몇몇은 책 전체를 암기하는 것을 선호하고, 어떤 사람들은 그들이 배우고 있는 것으로 노래를 지어내려고 하고, 어떤 사람들은 그것을 어떻게 해야 할지 모를 뿐이다. 저처럼 운이 좋으시다면, 다음 몇 줄에 제가 지금까지 배운 것을 여러분들과 공유해 드릴 테니 가셔도 좋습니다! 시작할 때 어떤 기술을 먼저 배워야 하는지에 너무 집중할 필요가 없습니다. 초보자였던 저는 어떤 프로그래밍 언어가 최고인지에 너무 많은 중점을 두곤 했고 이러한 태도는 저를 꾸물거리게 했고, 전혀 배우지 못했습니다. 그래서 제 조언은 어디선가 시작하고, 언어를 익히고, 기본을 익히고, 준비가 되었다고 생각하지는 않지만, 기본을 마치자마자, 여러분이 선택한 기술로 .. 2021. 12. 30.
테일윈드 vs 부트스트랩 비교 및 내용 정리 제가 제 첫 번째 웹사이트를 개발하기 시작했을 때, 저는 많은 사람들이 직면하기 전에 직면했던 질문으로 인해 어려움을 겪었고, 많은 사람들은 꽤 오랫동안 계속해서 직면할 것입니다. 부트스트랩을 선택해야 하나요, 테일윈드를 선택해야 하나요? 테일윈드 개발 영상을 몇 개 본 나는 그것에 반했다. 그럼에도 불구하고, 나는 정답을 찾는데 시간을 보냈다고 믿는다. 나는 그 의심을 빨리 해소했고, 테일윈드에 유리하게 결정했어요. 하지만 이것은 많은 개발자들이 가지고 있는 질문입니다. 오늘은 어떤 것을 사용하는 것이 더 적합한지 알아보겠습니다. 스포일러 경고: 테일윈드입니다. 테일윈드로. 테일윈드 대 부트스트랩은 공정한 비교가 아닙니다. 테일윈드와 부트스트랩은 둘 다 CSS 프레임워크야 하지만 생각해보면 부트스트랩은.. 2021. 12. 29.
TypeScript, switch 대신 다형성을 사용합니다. 처음에는 최대한 전환문을 활용했습니다. 내 눈엔 완벽해 보였어 언젠가 "클린 코드" 책을 발견하기 전까지는 말이야 로버트 C. 마틴은 전환 진술이 왜 형편없는 구조인지, 그리고 왜 우리가 그것들을 재고하고 모든 곳에서 사용하는 것을 멈출 수 있는지 명확하게 설명한다. 시간이 지나고 경험이 쌓이면서 전환문을 적게 쓰고 있었고, 나중에는 사용할 이유가 전혀 보이지 않았다. 이 기사에서는 전환 문 대신 프로젝트에 사용하는 접근 방식 중 하나를 공유하려고 합니다. OOP 원리 중 하나인 다형성이라고 합니다. 왜 당신은 전환명세서 사용을 다시 고려하려고 합니까? 여기 뭐가 있지? 교환 성명서? 이 기사가 진행되는 동안 리팩터링할 초기 코드는 다음과 같습니다. 우리는 하나의 스위치 문과 과일 열거가 있습니다. 열거.. 2021. 12. 29.

티스토리툴바