본문 바로가기

분류 전체보기153

[Youtube][현대철학] 대중문화는 어떻게 나를 바보로 만드는가? 인간이 본래의 인간인 것은 정녕 교양에 의해서이다. _헤겔 Georg Wilhelm Friedrich Hegel 현대철학에 빠진 둘째가 추천해주어서 보게 된 현대철학내용 유투브 (약25분) 오랜만에 드라마 좀 봤다고(김은숙작가님 글로리) 냅다 혼나버리네..ㅋㅋㅋ [2:56] 우리의 욕망(니즈)자체가 문화산업에 의해 형성된다. 특히 문화라는 것은 생활 전반에 영향을 미치기 때문에 더 주의가 필요하다. 매슬로우의 욕구 위계 8단계로 보았을 때, - 내 욕구들이 결핍욕구에 많이 치중되지 않는가? - 각 층의 내가 원하는 니즈들이 외부의 것을 비판없이 수용하고 있지는 않는가? - 오늘 보낸 내 하루가 어떠한 욕구들을 갈망했는가? 적어도 위 세 물음들에 대하여 서면화하여 구체적으로 검토해 보도록 하자. 특히 요즘.. 2023. 1. 12.
[Youtube] 개발자의 기본기에 대해서... (널널한 개발자 TV) 관련필기 추천영상 필기 [00:00 ~ 10:50] 까지의 필기 개바자의 기본기에 대해서... Programming → 「글쓰기」 →C언어 프로그래밍의 본질은 : (수학적 논리적 사고를 기초로) 논리적으로 작성하는 글쓰기다. C언어는 : 지금은 파이썬이나 자바를 많이 사용하지만 (2000년대 초 중반에) 프로그래밍을 한다고 하면 다 C언어를 사용했습니다. C언어의 구성요소는 3가지인데, ① Programming + 절차적 사고(50%★) ② 컴퓨터 구조 (에 대한 일정수준 이상의 지식) + 수학적인 상식 ex. 1비트, 2비트가 어떤 단어이고 / 비트 연산을 통한 논리연산 ③ 문법 C언어로 프로그래밍을 입문하기 어려운 이유 : 위 3개를 다 해야함. 파이썬이 유행한 이유 :문법이 좀 더 직관적이고, 인간중심사고의.. 2023. 1. 11.
[PersonalProjects] github와 netlify로 배포하기와 에러 (그림절차)(작성중) 20230110 https://www.netlify.com/ 문제발생 원인 추측 백업파일인 session1 과의 충돌인 것 같다. 일단 netlify.com 에서 해당 사이트를 삭제하도록 한다. 가장 하단의 Danger zone 에 들어가서 Delete this site 해당 나의 지역저장소 가서 충돌되는 해당 session1 파일을 .gitignore에 올려서 해결하면 되는 줄 알았으나 git add . git status : git add . 한 후 꼭 확인하기 git remote -v : 연결된 원격저장소 위치 확인 warning: adding embedded git repository: Project/personalProject/1th_Project_Momentum hint: You've added another.. 2023. 1. 11.
[HTML] 띄어쓰기 3종류와 간격 확인하기. (&nbsp | &ensp | &emsp) 띄어쓰기 테스트입니다. | |☜nbsp테스트| |☜ensp테스트| |☜emsp테스트 세로로 보는 띄어쓰기 3종류 : & nbsp,& ensp,& emsp | |☜nbsp테스트 | |☜ensp테스트 | |☜emsp테스트 html파일 코드 띄어쓰기 테스트입니다. | |☜nbsp테스트| |☜ensp테스트| |☜emsp테스트 세로로 보는 띄어쓰기 3종류 : & nbsp, & ensp, & emsp | |☜nbsp테스트 | |☜ensp테스트 | |☜emsp테스트 2023. 1. 9.
[TeamProject] 20230108 원 배치 과정② 문제점 반응형 화면을 적용해보았을 때 선과 원이 따로 분리되는 문제가 발생. 하려고 했던 것 화면의 오른쪽, 왼쪽 여백을 주기 위해 만든 : .introduction-items-wrapper : border: 1px solid yellowgreen; 동그라미 감싸기 위해 만든 : .introduction-circles-wrapper : border: 1px solid blueviolet; 선 감싸기 위해 만든 : .introduction-lines-wrapper : background-color: yellow; 어떻게 할까? 관련해서 .introduction-circles-wrapper .introduction-lines-wrapper 의 scss 포지션(position) 속성에 대해서 수정할 필요성을 .. 2023. 1. 8.
[CSS] 동그라미 만들기 동그라미 만들기 태그 만든 후, css, sass, scss파일에서 작업. width: 10rem; height: 10rem; border-radius: 50%; 1.너비값, 높이값 지정해준 후 2.border-radius : 50% ; 2023. 1. 4.
[HTML] HTML 웹사이트를 분석하는 꿀팁 (유투브 드림코딩 필기) https://www.youtube.com/watch?v=i0FN-OwJ7QI&list=RDCMUC_4u-bXaba7yrRz_6x6kb_w&index=5 [18:46] 웹사이트들은 커다란 박스로 구성이 되어있고 그 박스안에서도 작은단위의 박스들로 쪼개어 질 수 있다. 중요한 이유 웹 사이트들을 바라볼 때 이처럼 작은 단위들로 나눌 수 있어야 나중에 CSS 스타일링을 할 때 조금 더 Structure 있게 스타일링을 할 수 있고 나중에 중,고급으로 가서 React 라는 프레임워크를 사용할 때 하나의 커다란 컴포넌트로 정의해서 사용하면 퍼포먼스가 굉장히 좋지 않다. 따라서 React를 사용할 때도 최고로 작은 단위로 쪼개어서 , 작은 단위부터 구현하는 것이 중요하기 때문에, 사이트를 박스 단위로 나누어서 구.. 2023. 1. 4.
[CSS] 기본셀렉터 완전 정리 ( 유투브 드림코딩 필기) https://www.youtube.com/watch?v=gGebK7lWnCk CSS 셀렉터, 기초 이론 정리. 포트폴리오 만드는 날까지! | 프론트엔드 개발자 입문편: HTML, CSS, Javascript CSS : Cascading Style Sheet ● cascade : 작은 폭포, 폭포처럼 떨어지는 물, (정보통신) 종속, 연속, 직렬 ㄴ Cascading : 정의된, 세부적인 정의가 있다면 그것을 쓰고, 정의된 것이 없다면 다음으로 지정된 것을 사용하는 것을 의미한다. ● Style Sheet : 스타일을 잘 정리한 문서 한 장 1. 의미, 정의 2. 선택자 3. 스타일링 4. 헷갈리는 컨셉 5. CSS의 꽃 : Flex box 웹사이트를 스타일링할 때 크게 3가지로 나누어서 꾸밀 수 있는데.. 2023. 1. 4.
[CSS] 미디어 쿼리 디바이스별 해상도 분기점, 반응형 웹 만들기. Responsive Web Design 1. 먼저 반응형웹을 적용하기 위해서는 HTML head 부분에 meta viewport를 설정해주어야 한다. # 반응형 웹 디자인 패블릿, 태블릿, 데스크탑, 게임콘솔, 티비, 웨어러블 기기 등등 정말 다양한 화면 크기가 있습니다. 화면 크기는 언제나 변하기 때문에 사이트는 어떤 화면 크기에도 언제나 적응 가능하도록 설계되어야 합니다. 미디어 쿼리(@media)는 장치에 따라 각기 다른 레이아웃을 만들거나, 다른 미디어 종류에 따라 다른 css 코드를 작성하는 등, 반응형 웹 페이지를 작성할 때 사용합니다. 부트스트랩은 CSS 미디어 쿼리를 사용해 반응형으로 휴대폰에서부터 태블릿, 데스크탑까지 적용되는 사이트를 만들 수 있도록 도와주는 HTML, CSS, JS 프레임워크입니다. 적절한 렌더링과 확대/축.. 2023. 1. 4.
728x90
반응형

티스토리툴바