세미나4 [세미나] Figma를 통한 design-to-code 도구 사용기와 실전 비교 사내에서 진행했던 세미나 발표 자료, 스크립트 정리 안녕하세요. 오늘의 주제는 피그마를 통한 design-to-code 도구 사용기와 실전 비교 입니다.첫번째로는 디자인 도구인 피그마에 대해 알아보고, 이 도구를 통해 어떻게 디자인을 코드로 변환시킬 수 있는지 먼저 알아보겠습니다.1. 디자인과 코드의 연결피그마란? Figma는 현재 가장 인기 있는 UI/UX 디자인 도구로, 클라우드 기반으로 동작하여 실시간 협업을 가능하게 해줍니다. 과거에는 디자이너가 디자인을 완료하면 개발자가 이를 일일이 코딩하던 방식이었지만, Figma와 같은 협업 도구의 등장과 발전으로 인해 디자이너와 개발자가 동시에 작업하고 실시간으로 피드백을 주고받을 수 있게 되었습니다.디자인 변환 과정의 어려움하지만 피그마가 등장했어도, .. 2024. 9. 13. [세미나] 타입스크립트로 더 나은 코드 작성하기 사내에서 진행했던 세미나 발표 자료, 스크립트 정리0. 도입안녕하세요. 오늘 발표의 주제는 타입스크립트로 더 나은 코드 작성하기 입니다.자바스크립트는 모두가 많이 애용하는 언어지만, 유연한 특징으로 인해 다양한 문제가 발생하기도 합니다. 이러한 문제들을 어떻게 해결할 수 있는지 알아보고, 타입스크립트를 통해서 더 좋은 코드를 작성하는 방법은 무엇일지 알아보겠습니다.1. 타입스크립트의 필요성자바스크립트의 한계자바스크립트는 동적 타입 언어입니다. 동적 타입 언어란, 자료 유형을 미리 정해주지 않아도 사용할 수 있고, 코드가 실행되는 경우에 정해지는 언어를 말합니다. 이런 특징으로 인해 자바스크립트는 빠르고 자유롭게 개발할 수 있지만, 그로 인해 여러 문제가 발생되기도 합니다. 정적 타입 언어인 자바와 비교.. 2024. 9. 6. [세미나] 왜 리액트인가? 사내에서 진행했던 세미나 발표 자료, 스크립트 정리0. 왜 리액트인가?오늘 주제는 "왜 리액트인가?"입니다. 리액트는 웹 개발에서 가장 인기 있는 기술 중 하나로, 전 세계의 수많은 개발자들과 기업들이 선택하고 있는 기술입니다. 2024년 스택오버플로우 개발자 조사에 따르면, 지난 1년 동안 어떤 웹 프레임워크와 웹 기술로 광범위한 개발 작업을 했으며, 내년에 어떤 작업을 하고 싶으신가요? 라는 설문에서 약 40%가 React를 선택했습니다. 2024년 뿐만 아니라, 리액트는 등장 이후로 꾸준히 순위가 증가하여, 현재까지도 높은 순위를 유지하고 있습니다.이런 통계는 리액트가 단순히 유행으로 많이 사용되었던 것이 아니라, 현재까지도 발전하며 많은 사람들에게 사용되고 있다는 것을 보여줍니다. 따라서 오늘 발.. 2024. 8. 29. [세미나] HTML, CSS, JavaScript개념 사내에서 진행했던 세미나 발표 자료, 스크립트 정리1. 웹의 역사와 세 가지 핵심 기술의 탄생1.1 웹의 탄생1990년: 팀 버너스-리가 최초의 웹 브라우저이자 편집기인 월드 와이드 웹을 개발.1991년: 팀 버너스-리는 첫 번째 웹사이트를 공개, HTML과 하이퍼링크 개념을 설명.1.2 웹의 발전과 세 가지 기술의 등장HTML: 1991년, 웹 페이지의 구조화와 정보 연결을 위한 마크업 언어로 등장.CSS: 1996년, 웹 페이지의 레이아웃과 디자인을 담당하는 기술로 도입.JavaScript: 1995년, 웹 페이지에 동적인 기능과 사용자 상호작용을 추가하는 언어로 도입.2. HTML2.1 HTML의 정의와 개념HTML: HyperText Markup Language의 약자, 웹 페이지의 구조와 내용을.. 2024. 8. 9. 이전 1 다음
