본문 바로가기

분류 전체보기107

div 박스 가로로 배치하는 간편한 방법 display: flex; [솔직히 float:left; 나 display: inline-block; 보다 좋음] 3개의 div 박스를 만들어줍니다 flex를 적용시킬거니까 3개를 묶는 div태그 class="flex-container" 3개 박스는 class="box"로 했습니다. 근데 div 박스가 확인이 안되니 색과 높이,너비를 넣어보겠습니다. 이제 잘 보입니다! ​ 이제 flexbox를 써 볼까요? ​ 그냥 박스들을 감싸는 부모 요소(class="flex-container") 에게 display : flex를 사용하면 됩니다. 결과는? 가로로 잘 정리되었습니다. flex로 가로정렬한 div box 정렬 위치를 바꾸고싶다면? 어떻게 해야 할까요? justify-content : center; //가운데 정렬 justify-content :flex-end; //오른쪽 정렬 justify-content:flex-s.. 2023. 3. 3.
HTML 웹사이트 만들기 위한 유용한 웹사이트!! 아무 컴퓨터에서든 내 Brackcets 프로그램 자유롭게 사용하고 싶은 사람 강추!!! 오늘 소개해 드릴 웹사이트는!! 입니다!! HTML 개발자라면 Bracket을 알고 계실겁니다! 모르시는 분들을 위한 Brackets 소개글 입니다. HTML 개발자 필수 프로그램 Brackets 웹사이트 개발자라면 한번쯤은 들어봤을 프로그램이라 하면!! 아마 이런 로고를 보셨을 것 입니다!! Brackets는 웹 개발에 사용되는 무료 오픈 소스 코드 에디터입니다. 아주 유용합니다! 몇 가지 infoinno.tistory.com phcode.dev는 온라인 상에서 간편하게 프로그래밍 언어를 실행하고 결과를 확인할 수 있는 웹 사이트입니다. ​구조와 기능은 Brackets과 같습니다. ​ 컴퓨터에 깔아야만 했던 Brackets이 이제는 어디서든 자유롭게 사용할 수 있게 되었습니다. ​ 기본 사용법!! ​ .. 2023. 3. 2.
HTML 개발자 필수 프로그램 Brackets 웹사이트 개발자라면 한번쯤은 들어봤을 프로그램이라 하면!! 아마 이런 로고를 보셨을 것 입니다!! Brackets는 웹 개발에 사용되는 무료 오픈 소스 코드 에디터입니다. 아주 유용합니다! 몇 가지 유용한 기능을 나열해 보면 라이브 미리보기: Brackets는 웹 페이지 미리보기 기능을 제공. [HTML, CSS, JavaScript 등을 편집하면 동시에 웹 페이지가 실시간으로 업데이트되어 볼 수 있습니다. 이 기능은 디자인과 개발 작업을 더욱 효율적으로 할 수 있도록 도와줍니다.] Emmet: Brackets는 Emmet이라는 플러그인을 지원. [이 플러그인을 사용하면 HTML 및 CSS 작성 시 간단하게 코드를 작성할 수 있습니다. 예를 들어, "ul>li*5"라는 단축어를 사용하면 ul 요소 안에 .. 2023. 3. 2.
펌웨어(firmware)란 무엇인가? 알듯 말듯 한 개념 펌웨어, 소프트웨어 같은 건가? 펌웨어란, 하드웨어를 제어하는 소프트웨어 중 하나로, 임베디드 시스템이나 디바이스에 내장되어 있는 소프트웨어를 의미합니다. 쉽게 말해서, 하드웨어와 소프트웨어 사이의 다리 역할을 하는 것이라고 할 수 있습니다. 예를 들어, 스마트폰의 펌웨어는 전원 버튼을 누르면 기기를 켜고, 터치스크린을 통해 사용자의 입력을 받아 처리하고, 앱을 실행하고, 카메라를 사용하여 사진을 찍는 등의 역할을 합니다. 또한, 컴퓨터의 BIOS(기본 입출력 시스템)나 네트워크 장비의 펌웨어도 있습니다. 펌웨어는 하드웨어에 맞게 작성되어 있기 때문에, 해당 디바이스의 제조사에서만 업데이트를 제공합니다. 또한, 펌웨어 업데이트를 통해 기기의 안정성과 보안성이 강화될 수 있습니다. ​ 하지만 이런 설명은 제 머리로는 확실히 이해가 가지 .. 2023. 3. 1.
충동을 성취로 바꾸는 방법 [책 리뷰 도파민형 인간 - 대니얼 Z. 리버먼, 마이클 E. 롱] 무거울수록 더 빠르게 더 강하게 끌어당기는 중력처럼 원하는 만큼 더 멀리 가도록 만드는 도파민 ​ 우리는 먹지도 못하는 먹방을 보며 음식에 대한 욕망을 키워 나간다. 대리만족이라고 하지만 내 손안에 없는 무언가를 보는 것만으로도 도파민은 방출된다. ​ 도파민이 방출되는 조건은 간단하다. 생존에 유리한 것 + 가지지 못한 것 = 도파민 이 두 가지가 크면 클수록 더 많은 도파민이 방출된다. ​ 인간에게는 너무나 당연한 이야기 이면서 인간이 너무나 간사하다고 느껴지게 만든다. 이거 아니면 저거 여러 가지 충족 가능성이 있다면 굳이 힘을 들여서 원하는 것을 얻으려고 노력하지 않는다. 넷플릭스를 고르는 사람들의 행동을 보면 쉽게 알 수 있다. 돈을 내고 보는 영화라면 각 잡고 집중해서 보지만 넷플릭스로 보는 영.. 2023. 2. 28.
인스타그램 필터만들기! 누구나 쌉가능 SparkAR 사용방법! [step4] 이제 마지막 단계입니다!!! 이번 단계에서는 만든 필터를 인스타나 페이스북에서 사용 가능하도록 sparkAR에 공개 발행하는 과정을 배워보겠습니다. ​ ​ 이전에 만들어놓은 필터에서 왼쪽을 보시면 Publish를 선택하시면 오른쪽 사진과 같은 창이 뜹니다. 거기서 화살표로 표시된 Add Experience를 선택합니다. Add Experience를 선택하면 위와 같은 창이 뜹니다. 거기서 또 Add Experience를 선택합니다. 인스타그램과 페이스북에서 공유하여 사용할 수 있는 필터로 설정하는 Sharing Experience를 선택합니다. 기본으로 인스타그램과 페이스북이 선택되어 있습니다. 그대로 놔두셔도 되고 둘 중 하나만 선택하셔도 괜찮습니다. 그리고 Done 버튼을 누릅니다. Done을 누르면.. 2023. 2. 28.
반응형