본문 바로가기

모든 기록47

to do list 만들기 영상에 나와 있는 예시를 토대로 to do list를 만들기를 시작했습니다. html, css, JavaScript로만 만들어졌습니다. 1. HTML 구획 나누기 html을 작성하는 것 차제는 생각보다 간단합니다. 크게 그림이 있는 부분 / 실질적으로 실행될 부분 / 안에 기록될 부분 + 작성하는 부분으로 나눌 수 있었습니다. 2. CSS css는 단순해 보이지만 막상 하려고 하면 복잡해지는 것 같습니다. 저는 flex가 좀 더 익숙한데 여기에서는 position: relative와 absolute를 주로 사용하였습니다. flex에 비해서 코드도 더 짧아지고 괜찮은 듯싶지만, 정렬이 정확하지 않아서 flex를 사용하는 것이 그 부분에 있어서는 더 좋은 것 같습니다. 뭔가 CSS 어렵다 ㅜㅜ -> 이 부분.. 2019. 5. 9.
[왕초보JavaScript] addEventListener() addEventListener()는 이벤트를 등록하는 가장 권장되는 방식으로, 하나의 이벤트를 만들어 두면, 각각의 다른 타깃에 동일한 이벤트를 적용할 수 있습니다. t라는 객체에 위와 같은 addEventLstener를 등록하면, [click]하면 두 번째 인자에 있는 함수가 실행됩니다. 위와 같이, 하나의 이벤트를 만들어 두고, 이것을 다른 타깃에 적용할 수 있습니다. 동일한 이벤트인데 위와 같은 함수를 여러 번 만들어서 사용해야 한다면 더 많은 시간을 들이고 더 긴 코드를 작성해야 할 것입니다. 더 자세한 내용이 궁금하시다면 생활코딩 오픈 튜토 리얼스를 방문해주세요 출처: https://www.opentutorials.org/course/1375/6761 2019. 5. 9.
[왕초보JavaScript] insertAdjacentHTML 과 innerHTML의 차이 JavaScript에서 insertAdjacentHTML innerHTML의 차이를 설명하기 전에, 먼저 innerHTML과 insertAdjacentHTML에 대해서 알아보겠습니다. innerHTML innerHTML 속성은 JavaScript를 통해서 html의 content를 가져와서 그 값을 화면상에 보여주거나 직접 변경하여 보여주는 것을 말합니다. 다음의 예시를 보면 좀 더 이해하기 쉬울 겁니다. See the Pen arRYxZ by kim jihae (@saea) on CodePen. 우선, 저 문장을 해석하자면 다음과 같습니다. var x = / document / .getElementById("myP") / .innerHTML; var x = : "x라는 변수는 =뒤에 것을 의미해" do.. 2019. 5. 9.
컴파일러 Compiler / 어셈블러 Assembler / 인터프리터 Interpreter Compiler란? 간단하게 말해 번역기입니다. 우리는 프로그램 코드를 고급언어(high-level language)라고 하는 Java, C, C++ 등으로 작성합니다. 하지만 컴퓨터는 기계 언어(Machin language)인 0과 1만 알아듣기 때문에 실행되지 않습니다. 따라서 우리가 작성한 코드(source code)를 컴퓨터가 알아듣게 하기 위해 컴퓨터 언어(0,1)로 변환시켜주는 역할을 하는 것이 compiler입니다. 추가로, Compiler는 Interpreter, Assembler와 함께 Language Processors의 하나입니다. 큰 틀에서는 비슷한 역할을 하지만 각각의 차이가 있습니다. 앞서 설명드린 것 처럼 compiler는 소스코드를 object code(객체 코드)로 변환하는.. 2019. 5. 9.

티스토리툴바