connectedCallback() is invoked.
By the time this method gets invoked, we cannot write code that is trying to get reference to the tags, because the template is not yet loaded, it’s just connected to the main dom.
renderedCallback() is invoked. In this method, we can write code to get a references to the HTML and Custom Component tags.
Hope this was helpful!