본문 바로가기

전체 글

(231)
React 리액트 배포하는 법 / 생활코딩 개발환경이 구축되었다면 터미널에서 npm run build build 폴더가 생성된다. 최상위 디렉터리에 build 안에 있는 파일을 위치시키면 용량을 줄여준다. npx serve -s build serve라는 웹서버를 다운로드하여서 실행시킬 때 build 디렉터리를 다큐먼트 루트로 하겠다.(-s) 주소를 알려주고 들어가보면 똑같이 작동하고 개발환경의 용량을 줄여준다.
React 리액트란? create-react-app을 이용한 개발환경구축 / 생활코딩 React – A JavaScript library for building user interfaces A JavaScript library for building user interfaces reactjs.org React 리액트란? 페이스북에서 만든 자바스크립트 UI 라이브러리 Component 기능 가독성 재사용성 유지보수 CODING -> RUN -> DEPLOY 개발환경 npm 설치 node.js의 기술을 이용해 만든 앱을 명령어 환경에서 손쉽게 설치할 수 있도록 도와주는 도구(일종의 앱스토어) https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.or..
웹 접근성(web accessibility)이란? 적용 방법 웹 접근성의 이해 웹 접근성이란? 모든 사용자(장애인, 노인 등)가 모든 기기에서 웹에 접근할 수 있도록 하는 것 웹 접근성을 지켜야 하는 이유 13년 4월 11일부터 장애인 차별 금지법(장차법)이 시행되었고 정보에 대해서 장애인이 비장애인과 동등하게 접근할 수 있도록 제공되어야 한다. "웹의 힘은 보편성에 있다. 장애에 구애 없이 모든 사람이 접근할 수 있도록 하는 것이 웹의 필수 요소다." 장애 환경 시각 : 전맹, 저시력, 색맹, 색약, 노안, 운전 중 청각 : 난청, 스피커 없음, 소음 운동 : 지체장애, 마우스 없음 소프트웨어 : 운영체제/브라우저 미지원 네트워크 : 저속, 접속 불안정 1. 전맹 시각 장애 시력이 전혀, 거의 없어 앞을 볼 수 없습니다. 발달된 다른 감각(청각:스크린 리더 / ..
코딩 공부 사이트 및 유튜버 추천! 1. edwith 부스트코스 커넥트재단에서 기획하고 운영하는 실무형 온라인 교육 프로그램 https://www.edwith.org/ 에듀케이션위드 : edwith 에드위드(edwith)는 네이버(NAVER)와 커넥트재단(CONNECT)이 제공하는 온라인 강좌(MOOC : Massive Online Open Course) 교육 플랫폼입니다. 에듀케이션위드(education with) 에드위드(edwith)로 분야별 명품 강좌를 무 www.edwith.org 2.생활코딩 일반인들에게 프로그래밍을 알려주는 무료 온라인 수업 https://opentutorials.org/course/1 생활코딩 hello world 생활코딩의 세계에 오신 것을 환영합니다. 생활코딩은 일반인들에게 프로그래밍을 알려주는 무료 온라..
To-Do List UI 디자인 참고
25 UX Design Interview Questions All About You 1. Tell Me About Yourself 2. What Made You Go Into UX Design? 3. Why Do You Want to Work Here? 4. On the Spectrum of UX Researcher to UX Designer to Visual Designer, Where Do You See Yourself and Why? All About Your Work 5. Show Me Your Portfolio 6. Take Me Through a Couple of Your Favorite Pieces in Your Portfolio 7. What Was Your Design Process for These Pieces? 8. What’s Your Fa..
UI 디자인 트렌드 뉴모피즘(Neumorphism) 2020년 UI 디자인 트렌드로 주목받는 뉴모피즘(Neumorphism) 플랫, 머티리얼처럼 대기업에서 제시된 디자인이 아닌 dribbble의 개인 사용자에 의해 시작되었는데요. 새로운 디자인 트렌드의 진화가 될지 디자이너들 사이에서 논쟁이되고 있습니다. 뉴모피즘은 영역 간 대비가 낮아 접근성이 낮다는 단점이 있습니다. 웹 문서 접근성 지침(WCAG)을 따르지 못해 실제 뉴모피즘을 적용한 제품은 만나보기 어렵지만 새로운 가능성과 경험을 제시할 것으로 보입니다.
BBC 디자인 시스템 / BBC GEL 영국의 공영방송사인 BBC가 제공하는 디자인 가이드라인 https://www.bbc.co.uk/gel BBC GEL | Homepage Our Global Experience Language (GEL) is the BBC's shared design framework which enables us to create consistent and delightful user experiences across all of our Digital Services. www.bbc.co.uk
Will humans become extinct? / 6 Minute English Will humans become extinct? * extinct 멸종된 Introduction What is the chance of the human race surviving the 21st century? There are many dangers – climate change for example, or nuclear war, or a pandemic, or planet Earth being hit by a giant asteroid. Sam and Neil discuss our future and whether we need to start panicking but not before they teach you some useful vocabulary. This week's question W..
Topic: English for Computer Programmers 1 / Business English ESL Designed to teach you the most up-to-date IT (information technology)-related words and expressions. This exercise is on computer programming terminology. 1. We have to design a new section for our website. 우리는 웹사이트를 위한 새로운 섹션을 디자인해야합니다. 2. I don't have a lot of experience in object-oriented programming languages like Java. Java와 같은 객제 지향 프로그래밍 언어에 대한 경험이 많지 않습니다. 3. Most of my experience is in ..
Topic: Web Design and Development 4 / Business English ESL Designed to teach you the most up-to-date IT (information technology)-related words and expressions. This exercise is on the terminology relating to web design and development. 1. It's a bad idea to create long pages that require extensive scrolling. 광범위한 스크롤을 요구하는 긴 페이지를 만드는 것은 좋지 않습니다. 2. I've created some anchor links, so it should be easier to navigate now. 앵커 링크를 만들어서 더 쉽게 탐색할 수 있습니다. 3. Th..
Topic: Web Design and Development 3 / Business English ESL Designed to teach you the most up-to-date IT (information technology)-related words and expressions. This exercise is on the terminology relating to web design and development. 1. Many companies want to ensure that their websites adhere to accessibility standards. 많은 회사에서는 자사 웹 사이트가 접근성 표준을 준수하는지 확인하고 싶어합니다. 2. Accessibility makes web services available to everyone. 접근성은 모든 사람이 웹 서비스를 사용할 수 있게 합..
Topic: Web Design and Development 2 / Business English ESL Designed to teach you the most up-to-date IT (information technology)-related words and expressions. This exercise is on the terminology relating to web design and development. 1. Make sure that the look and feel is consistent for all the pages on the site. 사이트 모든 페이지에서 디자인이 일관성 있는지 확인해 주세요. 2. I think you should play with the colors a little more. 당신이 색상을 조금 더 조화롭게(?) 해야한다고 생각합니다. 3. Can you ma..
원어민이 매일 쓰는 영어 25문장 / 비즈니스 Everyday Phrases in Business Situations 직장에서 무언가 요청할 때 쓸 수 있는 25가지 표현들 1. I need this done by Friday. 이거 금요일까지 해주세요. 2. Can you get this done by tomorrow? 내일까지 마무리해주실 수 있나요? 3. The deadline is next Tuesday. 다음 주 화요일이 마감일입니다. 4. Can you do this by next week? 이거 다음 주까지 해주실 수 있나요? 5. I was wondering if you could do something for me. 제가 뭐 좀 부탁드려도 될까요. 6. Would you be able to print this out for me? 이..
Topic: Web Design and Development 1 / Business English ESL Designed to teach you the most up-to-date IT (information technology)-related words and expressions. This exercise is on the terminology relating to web design and development. 1. I've been designing websites for the past three years. 지난 3년간 웹 사이트 디자인을 해 왔습니다. 2. I don't like the layout of this page. ( = the way things are arranged) 이 페이지의 레이아웃이 마음에 들지 않습니다. 3. If you rearrange some of the eleme..
인터넷 속도 올리기 / 인터넷 속도 테스트 인터넷 속도 빠르게 하는 방법! 1. DNS 캐시 플러시 먼저 "윈도우+R" 키를 눌러 cmd를 켠 후 ipconfig/displaydns 을 입력하고 엔터를 쳐주세요. 그러면 목록이 올라가고 다음으로 ipconfig/flushdns 을 입력 후 엔터를 쳐주세요. "DNS 확인자 캐시를 플러시 했습니다."나올 때까지 반복해서 칩니다. 주기적으로 누적된 데이터를 하면 삭제해주면 인터넷 속도 향상에 도움이 됩니다. 2. TEMP 폴더 비우기 "윈도우+R" 키를 눌러 %Temp%를 입력해주세요. Temp 파일에 있는 항목을 "Ctrl+A"를 눌러 Delete 해주세요. 인터넷 속도 테스트 https://fast.com/ko/ ↑ 인터넷 속도 테스트를 해주세요. 180이면 높고 100 이하면 느린 거라고 하니 ..